*{padding:0; border:0;margin:0; color:#000; font-family:'微软雅黑';}
img{border:0px;text-decoration: none;}
a{ color:#000; text-decoration:none; font-size:12px;}
a:hover{text-decoration: none;}
p{ line-height:20px; font-size:12px;   }
ul li{list-style-type: none;}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {margin: 0;padding: 0}
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { background-repeat: no-repeat; border: 0 none;margin: 0;padding: 0;}
img{border:0;vertical-align:bottom;}
/*================================首页================================================*/
.header{width:100%;height:72px;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80);position: fixed;top:0;z-index:999; }
.header .top{ width:90%;margin:auto;height:72px;position:relative;}

.header .top .top_logo{width:173px;top:0; left: 50px;position: fixed;top: 12px;transition: all 0.2s ease-in-out 0s;}
.header .top .top_logo img{ width:100%;}

.header .top .top_link{height:72px;display: table;margin: 0 auto;}
.header .top .top_link li{float:left;width:121px;line-height:72px;color:#6c6c6c;transition: all 0.3s ease 0s;text-align:center;font-size:14px;}
.header .top .top_link li:hover{background:#00b7ee;color:#fff;}
.header .top .top_link .selected{background:#00b7ee;color:#fff;}

.header .top .tel_box{display: table; height: 72px;background-image:url("../tel_03.png");background-repeat:no-repeat;background-position: center left;padding-left: 40px;position: fixed;right:50px;top:0;transition: all 0.2s ease-in-out 0s;background-size: 30px 30px;}
.header .top .tel{display: table-cell; vertical-align:middle;}
.header .top .tel p{color:#7a7878;font-size:12px;margin-bottom:2px;}
.header .top .tel .num{color:#2295e4;font-size:24px;}
.header .top .tel_a{display:none;height:30px;font-size:22px;text-decoration: none;height: 30px;position: fixed;right:88px;top:17px;background-image:url("../tel_03.png");background-repeat:no-repeat;background-position: center left;background-size:30px;padding-left:35px;}

.header .top .bo_icom{position: fixed;right:34px;top:21px;display:none;cursor:pointer;}
.header .top .bo_icom span{color: #00b7ee;font-size: 24px;opacity: 0.5;transition: all 0.3s ease-in-out 0s;}
.header .top .bo_icom span:hover{opacity: 1;transition: all 0.3s ease-in-out 0s;}
.sysbanner img{width:100%; display:block;}


 @media only screen and (max-width: 1300px) {
.header .top .top_link li{width:90px; }
.header .top .tel_box{right:50px;top:0;}
 }
 @media only screen and (max-width: 1080px) {
.header .top .top_link{display:none; }
.header .top .tel_box{display:none;}
.header .top .top_logo{width:153px;top:0; left: 40px;position: fixed;top: 10px;transition: all 0.2s ease-in-out 0s;}
.header .top{height:63px;transition: all 0.2s ease-in-out 0s;}
.header{width:100%;height:63px;transition: all 0.2s ease-in-out 0s; }
.header .top .tel_box{right:80px;top:0;height:63px;background-size:30px;}
.header .top .tel_a{display:block;}
.header .top .bo_icom{display:block;}

 }
 @media only screen and (max-width: 720px) {
.header .top .top_logo{width:123px;top:0; left: 30px;position: fixed;top: 8px;transition: all 0.2s ease-in-out 0s;}
.header .top{height:51px;transition: all 0.2s ease-in-out 0s;}
.header{width:100%;height:51px;transition: all 0.2s ease-in-out 0s; }

.header .top .tel_box{right:50px;top:0;height:51px;width:155px; left: 50%;position:absolute;margin-left: -77.5px;}
.header .top .tel_a{display:block;top: 12px;}
.header .top .bo_icom{top: 15px;}
 }
 @media only screen and (max-width: 460px) {
.header .top .top_logo{width:90px;top:0; left: 20px;position: fixed;top: 11px;transition: all 0.2s ease-in-out 0s;}
.header .top{height:41px;transition: all 0.2s ease-in-out 0s;}
.header{width:100%;height:50px;transition: all 0.2s ease-in-out 0s; }
.header .top .tel_box{right:50px;top:0;height:50px;}
.header .top .tel_a{  left: 50%;
    margin-left: -60px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 155px;font-size:18px;background-size:25px;line-height: 30px;padding-left: 30px;}
.header .top .bo_icom{top: 10px; right: 20px;}
.header .top .bo_icom span{font-size:28px;}
 }
.nav-tow{width:100%;height:198px;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;filter:Alpha(opacity=70);display:none;}
.nav-tow:hover{display:block;}
.nav-tow ul{display:table;margin:auto;overflow:hidden;}
.nav-tow ul li{float:left;margin-top:27px;}
.nav-tow ul li .img{width:251px;height:118px;border:3px solid #fff;margin-left:20px;margin-right:20px;}
.nav-tow ul li .img img{width:100%;}
.nav-tow ul li .title{text-align:center;color:#253249;font-size:14px;margin-top:10px;}
.nav-tow ul li .title a{color:#253249;font-size:14px;}

.banner{ background:url("../banner_01.jpg") no-repeat center ; height: 923px; overflow: hidden; position: relative; text-align: center; width: 100%;margin:auto; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
 .banner { width: 100%; height: 309px; }
 }
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.banner { width: 100%; height: 193px; }
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
.banner { width: 100%; height: 129px; }
}
 @media only screen and (max-width: 319px) {
.banner { width: 100%; height: 97px; }
}

.conter{ width:100%; height:auto; overflow:hidden;}
.conter .introduce{width:100%;height:auto; overflow:hidden;text-align:center;margin-top:75px;margin-bottom:37px;}
.conter .introduce img{max-width:478px;width:90%;}
.conter .introduce_con{display: table;background:#f5f5f3;height:332px;margin:auto;margin-bottom:65px;padding:5px 3px;overflow:hidden;}
.conter .introduce_con .li{width:236px; height: auto;overflow: hidden;float:left;margin-right:3px;margin-left:3px;cursor:pointer; transition: all 0.3s ease 0s;}
.conter .introduce_con .li:first-child{width:477px;}
.conter .introduce_con .li-box{float:left;height: auto;overflow: hidden;width: 477px;}
.conter .introduce_con .li-box .li-box1{float:left;height: auto;overflow: hidden;width:236px;margin-right:5px;}
.conter .introduce_con .li-box .li-box2{float:left;height: auto;overflow: hidden;width:236px;background:#fff;}
.conter .introduce_con .li-box .li-box2 .tit{border:1px solid #f5f5f3;padding:23px 19px 26px;}
.conter .introduce_con .li-box .li-box2 .tit span{width:88px;height:26px;display:block;text-align:center;border:1px solid #afafaf;line-height:26px;font-size:12px;color:#71717;}
.conter .introduce_con .li-box .li-box2 .tit p{ color: #939393;display: inline-block;font-size: 12px; height: 30px; line-height: 30px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.introduce_con_g{width:95%;max-width:1180px;padding:6px;background:#f5f5f3;margin:auto;height:auto;overflow:hidden;margin-bottom:57px;}
.introduce_con_g li{float:left;width:236px;overflow:hidden;position:relative;background:#fff;transition:all 0.2s ease 0.2s;}
.introduce_con_g .img{float:left;transition:all 0.2s ease 0.2s;}
.introduce_con_g .li-box{visibility: hidden;opacity:0;transition:all 0.2s ease 0s;height:100%;position:absolute;top:0;right:0;width:calc(100% - 236px); }
.introduce_con_g li:hover{max-width:472px;width:472px;transition:all 0.2s ease 0.2s;}
.introduce_con_g li:hover .li-box{transition:all 0.2s ease 0.4s;right:0;visibility: visible;opacity:1; }
.introduce_con_g .tit{height:calc(33.3% - 1px);width:100%;border-bottom:1px solid #f5f5f3;overflow:hidden;}
.introduce_con_g .tit span{width: 88px;height: 26px;display: block;text-align: center;border: 1px solid #afafaf;line-height: 26px;font-size: 12px;color: #71717;margin-top:18px;margin-left:22px;}
.introduce_con_g .tit p{width:80%;margin:auto;color: #939393;font-size: 12px;line-height: 20px; margin-top:5px;}
.introduce_con_g .more{display:none;}


.introduce_con_g .introduce-sele{max-width:472px;width:472px;transition:all 0.2s ease 0.2s;}
.introduce_con_g .introduce-sele .li-box{transition:all 0.2s ease 0.4s;right:0;visibility: visible;opacity:1;}
.introduce_con_g_sj{display:none;height:auto;overflow:hidden;margin-bottom: 57px;}
.introduce_con_g_sj .swiper-container {width: 95%;height: auto;margin:auto;}
.introduce_con_g_sj .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.introduce_con_g_sj .img{width:86%;position:relative;}
.introduce_con_g_sj .img .li-box{position:absolute;width:calc(100% + 1px) !important;height:100%;z-index:1;background:#fff;top:66.6%;transition:all 0.3s ease 0s;}
.introduce_con_g_sj .img .li-box .tit{height: calc(33.3% - 1px);width: 100%;border-bottom: 1px solid #f5f5f3;overflow: hidden;}
.introduce_con_g_sj .tit span{width: 160px;height: 38px;display: block;text-align: center;border: 1px solid #afafaf;line-height: 38px;font-size: 18px;color: #71717;margin-top:18px;margin-left:0px;}
.introduce_con_g_sj .tit p{width:100%;margin:auto;text-align:left;color: #939393;font-size: 14px;line-height: 30px;}
.introduce_con_g_sj .img:hover .li-box{top:0px;transition:all 0.3s ease 0s;}
.introduce_con_g_sj .more{display:block;position:absolute;width:27px;height:27px;border:1px solid #00b7ee;top: 108px;border-radius:27px;text-align:center;line-height:25px;color:#00b7ee;left:50%;margin-left:-7.5px;font-size: 21px;display:none;}
.introduce_con_g_sj .img:hover .more{display:none;}



 @media only screen and (max-width: 1190px) {
.introduce_con_g{max-width:944px;}
.introduce_con_g li{width:236px;}
.introduce_con_g li:hover{width:236px;}
.introduce_con_g .img{opacity:1;visibility:visible;}
.introduce_con_g .introduce-sele{width:236px;}
.introduce_con_g .li-box{width:236px;opacity: 1;visibility: visible;background:#fff;top:215px;transition:all 0.2s ease 0s;}
.introduce_con_g li:hover .li-box{top:0px;transition:all 0.2s ease 0s;}
.introduce_con_g .introduce-sele .li-box{transition:all 0.2s ease 0s;opacity: 1;top:0;}
.introduce_con_g .introduce-sele .more{display:none;}
.introduce_con_g .more{display:block;position:absolute;width:18px;height:18px;border:1px solid #00b7ee;top: 75px;border-radius:18px;text-align:center;line-height:15px;color:#00b7ee;left:50%;margin-left:-7.5px;font-size: 21px;}
.introduce_con_g li:hover .more {display:none;}
 }
 @media only screen and (max-width: 944px) {
.introduce_con_g{max-width:472px;}
.introduce_con_g li:nth-child(1){margin-bottom:6px;}
.introduce_con_g li:nth-child(2){margin-bottom:6px;}
 }
 @media only screen and (max-width: 472px) {
.introduce_con_g{max-width:236px;}
.introduce_con_g li:nth-child(1){margin-bottom:6px;}
.introduce_con_g li:nth-child(2){margin-bottom:6px;}
.introduce_con_g li:nth-child(3){margin-bottom:6px;}
 }

.conter .tl{width:90%;padding:0px 5%;text-align:center;background:url("../tl_02.jpg");color:#fff;font-size:25px;height:87px;line-height:87px;background-size:cover;}

.conter .member{width:95%;margin:auto;height:auto; overflow:hidden;padding-top:72px;margin-bottom: 22px;}
.conter .member .img{text-align:center;width:100%;margin-bottom:21px;}
.conter .member .img img{max-width:519px;width:90%;}
.conter .member .txt{width:100%;text-justify:inter-ideograph;text-align:justify;text-align:center;color:#626264;font-size:18px;height:100px;background:url("../bott_03.jpg")no-repeat center bottom;}

 @media only screen and (max-width: 944px) {
.conter .tl{line-height:2em;font-size:18px;}
 }
 @media only screen and (max-width: 768px) {
.conter .tl{
    line-height: 4.5em;
 
    padding-top: 10px;
}
 }

.conter .member .txt p{color:#626264;font-size:18px;width: 460px;margin:auto;line-height: 30px;}
.conter .member .txt span{color:#626264;font-size:18px;}
.conter .member .logo{width:100%;text-align:center;margin-top:10px;}
.conter .member .logo img{max-width:250px;width:90%;}
.conter .member .picture{width:100%;text-align:center;margin-top:14px;margin-bottom:24px;}
.conter .member .picture img{max-width:1226px;width:100%;}
.conter .cake{width:100%;height:auto; overflow:hidden;height:443px;background:url("../cake_02.jpg")no-repeat center center;}
.conter .cake .cake_title{width:100%;text-align:center;margin-top:56px;}
.conter .cake .cake_title img{max-width:764px;width:90%;}
.conter .cake .subtitle{width:100%;text-align:center;color:#fff;font-size:16px;margin-top:20px;}
.conter .cake .cake_logo{max-width: 1040px;display: table; margin: 0 auto;height: auto;overflow: hidden;margin-top:35px;}
.conter .cake .cake_logo li{width:204px;margin:2px;float:left;background:rgba(133, 149, 160, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=52); transition: all 0.3s ease 0s;}
.conter .cake .cake_logo li img{width:100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition:all 0.3s ease 0s;}
.conter .cake .cake_logo li:hover{background:rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=100);}
.conter .cake .cake_logo li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;transition:all 0.3s ease 0s;}
.conter .cake .more{display: block;width: 204px;height: 35px;margin: auto;border: 1px solid #027acf;text-align: center;color: #027acf;line-height: 35px;border-radius: 50px;margin-top: 29px;}
 @media only screen and (max-width: 640px) {
.conter .member .txt{font-size:14px;}
.conter .member .txt span{font-size:14px;}
.conter .member .txt p{width:95%;font-size:12px;}
.jszc{display:block;}
.nob{margin-top:15px;}
.case-obx .case_list li{margin-right: 0px;}
.introduce_con_g_sj{display:block;}
.introduce_con_g{display:none;}
.conter .member .logo img{width: 47%;}
.introduce_con_g_sj{margin-bottom: 37px;}
 }

.cake_img_g{width:100%;height:auto;overflow:hidden;}
.cake_img_g li{float: left;width:20%;position:relative;overflow:hidden;}
.cake_img_g .img{width:100%;height:auto;overflow:hidden;}
.cake_img_g .img img{width:100%;}
.cake_img_g .flo{position:absolute;z-index:2;height:0%;width:0%;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;top:50%;left:50%;transition:all 0.3s ease 0.3s;}
.cake_img_g li:hover .flo{transition:all 0.3s ease 0.1s;height:100%;width:100%;top:0%;left:0%;}
.cake_img_g .flo_name{width:95%;text-align:center;position:absolute;top:33px;color: #fff;font-size: 18px;z-index:3;left:-100%;transition:all 0.3s ease 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.cake_img_g li:hover .flo_name{transition:all 0.3s ease 0.4s;left:2.5%;}
.cake_img_g .flo_int{width:90%;top: 70px;font-size: 12px;color: #fff;z-index:3;position:absolute;right:-100%;transition:all 0.3s ease 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow:hidden;white-space:pre;}
.cake_img_g li:hover .flo_int{transition:all 0.3s ease 0.4s;right:5%;}
.cake_img_g .flo_left{width: 20px;height:1px;background:#fff;position: absolute;bottom: 43px;z-index:3;left:-50px;transition:all 0.3s ease 0s;}
.cake_img_g li:hover .flo_left{transition:all 0.3s ease 0.4s;left:calc(50% - 10px);}
.cake_img_g .flo_top{height: 20px;width: 1px;bottom: -45px;position:absolute;background:#fff;transition:all 0.3s ease 0s;left:50%;z-index:3;}
.cake_img_g li:hover .flo_top{transition:all 0.3s ease 0.4s;bottom:35px;}
 
@media only screen and (max-width: 1024px) {
.cake_img_g li{width:25%;}
.cake_img_g .flo_int{-webkit-line-clamp: 5;}
.cake_img_g li:nth-child(9){display:none;}
.cake_img_g li:nth-child(10){display:none;}



}
@media only screen and (max-width: 770px) {
.cake_img_g li{width:25%;}
.cake_img_g .flo_int{-webkit-line-clamp: 3;}
}
 @media only screen and (max-width: 640px) {
.cake_img_g li{width:50%;}
.cake_img_g .flo_int{-webkit-line-clamp: 3;}
.cake_img_g li:hover .flo_top{transition: all 0.3s ease 0.4s;bottom: 16px;}
.cake_img_g .flo_left{bottom: 30px;}


}




.conter .ind_about{width:100%;height: auto;overflow: hidden;}
.conter .ind_about .title{text-align: center;width: 100%;margin-top:47px;margin-bottom:16px;}
.conter .ind_about .title img{width: 80%;max-width:650px;}
.conter .ind_about .txt{text-align: center;width: 100%;}
.conter .ind_about .txt p{font-size:14px;color:#949495;line-height:1.7em;}
.conter .ind_about .num{width:90%;max-width:920px;margin:auto;margin-top:47px;position:relative;overflow: hidden;}
.conter .ind_about .num li{float:left;font-size:14px;line-height:1.7em;width:33.3%;}
.conter .ind_about .num .number{color:#0293fe;font-size:72px;text-align:center;font-family:'Impact';line-height:72px;height: 72px;}
.conter .ind_about .num .number span{color:#0293fe;font-size:72px;text-align:center;font-family:'Impact';line-height:72px;}
.conter .ind_about .num .describe{font-size:18px;color:#0293fe;font-weight:700; }
.conter .ind_about .num li a{display:block;color:#0293fe;font-size:14px;}
.conter .ind_news{width:100%;height: auto;overflow: hidden;background:#f8f8f8;margin-top:60px; padding-bottom: 36px;}
.conter .ind_news ul{max-width:1140px;margin:auto;margin-top:65px;overflow:hidden;}
.conter .ind_news li{float:left;max-width:360px;width:90%;margin:auto;margin:0 10px;background-color:#fff;}
.conter .ind_news li .img{width:100%;position:relative;overflow:hidden;z-index:99;}
.conter .ind_news li .img .img_t{width:100%;height:100%;position:absolute;background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;filter:Alpha(opacity=40);transition: all 0.3s ease 0s;top:-100%;z-index:22; }
.conter .ind_news .dott_box{z-index:99;height: auto;overflow: hidden; position:relative;padding-bottom:245px;background-repeat:repeat-x;background-position:bottom;transition: all 0.3s ease 0s;}
.conter .ind_news .dott{z-index:999;height: auto;overflow: hidden;position: absolute;width:100%; }
.conter .ind_news li:hover .img_t{top:0;}
.conter .ind_news li:hover .dott_box{}
.conter .ind_news .ind_news_t{transition: all 0.3s ease 0s;width:100%;height:100%;position:absolute;z-index:99;bottom: -99%;background:#00b7ee;}
.conter .ind_news li:hover .ind_news_t{bottom: 0%; }


.conter .ind_news li .img img{width:100%; transition: all 5s ease 0s;}
.conter .ind_news li:hover .img img{-webkit-transform: scale(1.1);  -o-transform: scale(1.1);     -ms-transform: scale(1.1); -moz-transform: scale(1.1);    transform: scale(1.1);}

.conter .ind_news li .title{font-size:17px;width:90%;margin:auto;height:48px;line-height:48px;text-indent:14px;border-bottom:1px dotted #d9d9d9;z-index:999;transition: all 0.3s ease 0s;color:#acacac;position:relative;}
.conter .ind_news li .title:before{position:absolute;content:"";transition: all 0.3s ease 0s;width:4px;height:14px;background:#0293fe;top:17px;left:0;white-space:pre;}
.conter .ind_news li:hover .title:before{background:#fff;transition: all 0.3s ease 0s;}

.conter .ind_news li:hover .title{color:#fff;}
.conter .ind_news li .dotted{border-bottom:1px dotted #d9d9d9;margin-top:1px;width:90%;margin:auto;z-index:999;}
.conter .ind_news li .link{height:35px;line-height:35px;border-bottom:1px dotted #d9d9d9;width:90%;margin:auto;z-index:999;}
.conter .ind_news li .link p{width:80%;float:left;}
.conter .ind_news li .link .sub{display:block;float:left;width:70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#5a5a5a;transition: all 0.3s ease 0s;}
.conter .ind_news li:hover .link .sub{color:#fff;}
.conter .ind_news li .link .time{display:block;float:right;width:30%;color:#5a5a5a;transition: all 0.3s ease 0s;}
.conter .ind_news li:hover .link .time{color:#fff;}
.conter .ind_map{width:100%;height: auto;overflow: hidden;height:555px;background-image:url("../ind_map_04.png");background-repeat:no-repeat;background-position:center center;background-color:#f8f8f8;padding-top:36px;position:relative;}
.conter .intention_table{width:492px;height:565px;background:#637183;position:absolute;left:46%;margin-left:60px;bottom:0;}
.conter .intention_table h3{padding: 7px 0; color: #fff; font-size: 28px;line-height: 30px;text-align: center;}
.conter .intention_table h4{padding: 0px 0 0px 35px;color: #fff; font-size: 16px; font-weight: bold;}
.conter .intention_table ul{margin: 0; padding: 0 35px;}
.conter .intention_table ul li{height: auto !important;margin: 0;min-height: 46px;padding: 0;}
.conter .intention_table ul li label{background: #fff none repeat scroll 0 0;display: block; height: 24px;overflow: hidden;padding: 6px 10px;}
.conter .intention_table ul li label input{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;font-family: "微软雅黑"; font-size: 15px; outline: medium none;width: 100%;font-weight:normal;}
.conter .intention_table ul li label.xingming{float: left;width: 185px; margin-right: 10px;}
.conter .intention_table dl{ color: #a5acb3;font-size: 13px; margin: 0;padding: 0 0 0 35px;height: auto;overflow: hidden;}
.conter .intention_table dl dd{ float: left;padding-bottom: 12px;width: 218px;}
.conter .intention_table dl dd input{vertical-align: middle;}
.conter .intention_table dl dd span{ padding-left: 10px;color:#3c444f;}
.conter .intention_table dl .ystitle{color:#3c444f;margin-right:5px;}
.conter .intention_table dl em{font-style: normal;padding: 0 3px;color:#3c444f;}
.conter .intention_table p.crSecCode{padding-top: 12px;height: 12px;padding: 10px 0 3px 35px;}
.conter .intention_table p.crSecCode label{  color: #fff;display: inline-block;font-size: 16px;font-weight: bold;height: 36px;}
.conter .intention_table p.crSecCode label input{ background: #fff none repeat scroll 0 0;font-size: 15px;font-weight: normal; height: 36px; line-height: 36px; padding: 0;text-align: center;width: 107px;margin-left: 15px;}
.conter .intention_table p.crSecCode img{  left: 0; margin-left: 10px; margin-top: -6px; position: static;vertical-align: middle;}
.conter .intention_table p input{ background: #a7c0e0 none repeat scroll 0 0;color: #fff; cursor: pointer;font-size: 20px;font-weight: bold;padding: 10px 0; width: 80%;font-weight:normal;}

.footer{width:100%;height:178px;background:url(../foot_02.jpg);overflow: hidden;}
.footer .foot_logo{float:left;width:212px;margin-top:75px;}
.footer .foot_box{max-width:1060px;height:100%;margin:auto;position:relative; overflow: hidden;}
.footer .foot_box .gaba{float:right;margin-top: -14px;}
.footer .foot_box .gaba li{float:left;margin-left:5px;}
.footer .foot_box .nob{width:calc(100% - 262px);float:right;margin-top:15px;}
.footer .foot_box .nob p{color:#253249;margin-bottom:0;float:left;width: 55%;}
.footer .foot_box .nob a{color:#253249;}
.footer .foot_box .ewm{position:absolute;right:0;top:50%;margin-top:-37px;}
.footer .foot_inf{display:table;margin:auto;height:auto;overflow:hidden;margin-top:25px;width:calc(100% - 262px);float:right;}
.footer .foot_inf li{float:left;width:182px;text-align:center;overflow:hidden;margin-top:10px;}
.footer .foot_inf li:nth-child(1){width:113px;}
.footer .foot_inf li:nth-child(5){width:113px;margin-top:0px;}
.footer .foot_inf li p{font-size:12px;color:#f0f0f0;margin-bottom:0px;margin-top:10px;}


@media only screen and (max-width: 1100px) {
.footer{height:auto;overflow:hidden;}
.footer .foot_logo{text-align:center;width:100%;margin-top:25px;}
.footer .foot_inf{width:100%;float:none;}
.footer .foot_inf li{width:50%;display:none;}
.footer .foot_inf li:nth-child(1){width:50%;}
.footer .foot_inf li:nth-child(5){display:none;}
.footer .foot_box .nob{float:none;width:90%;margin:auto;}
.footer .foot_box .nob p{width:100%;float:none;}
.footer .foot_box .gaba{float: none;margin-top: 14px;height:auto;overflow:hidden;}
.foot_logo{display:none;}
}





/* slide */
.slide-main{height:853px;position:relative;}
.sj-banner{display:none;width:100%;height:350px;background-image:url(../sj-banner_01.jpg);background-repeat:no-repeat;background-position: center center;background-size:cover;}
.notice{position:absolute;bottom:119px;z-index:9999;width:410px;left:50%;margin-left:-205px;}
.notice p{float:left;height:33px;line-height:33px;margin-bottom:0px;color:#ffe401;font-size:14px;width:40px;margin-right:20px;letter-spacing:1px;}
.notice .txt{width:350px;height:33px;overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float:left;}
.notice .txt li{width:350px;height:33px;line-height:33px;overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;font-size:14px;}
.notice .txt li a{color:#fff;font-size:14px;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:853px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:853px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:url(../banner02.jpg)no-repeat center center;}
.slide a{display:block;width:100%;height:853px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{left:50%;margin-top: -213px;margin-left: -300px;top:50%;border:1px dashed #00b7ee;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}

@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
.banAnimate .obj-f{display:block;animation-name:faAnid;-webkit-animation:faAnid 0.8s linear 0.7s normal none;-moz-animation:faAnid 0.8s linear 0.7s normal none;animation:faAnid 0.8s linear 0.7s normal none;width:599px;height:411px;opacity:0;animation-fill-mode: forwards;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-webkit-keyframes faAnid{from{width:0px;height:0px;opacity:0;} to{width:599px;height:411px;opacity:1;} }
@-moz-keyframes faAnid{from{width:0px;height:0px;opacity:0;} to{width:599px;height:411px;opacity:1;}}
@keyframes faAnid{from{width:0px;height:0px;opacity:0;} to{width:599px;height:411px;opacity:1;} }
.swiper_nth{margin-left:0px;position:absolute;z-index:9;height: 1800px;width:1920px;background:url(../swiper_nth1_shade.png)no-repeat center center;left:50%;top:923px;animation-name:swAnid;-webkit-animation:swAnid 1.0s linear 0s normal none;-moz-animation:swAnid 1.0s linear 0s normal none;animation:swAnid 1.0s linear 0s normal none;animation-fill-mode: forwards;}
@-webkit-keyframes swAnid{from{margin-left:0px;top:923px;} to{margin-left:-960px;top:-407px;} }
@-moz-keyframes swAnid{from{margin-left:0px;top:923px;} to{margin-left:-960px;top:-407px;} }
@keyframes swAnid{from{margin-left:0px;top:923px;} to{margin-left:-960px;top:-407px;} }
.banner-left{width:174px;height:203px;background:url(../banner-left_03.png)no-repeat center center;position:absolute;z-index:10;left:49%;top:50%;margin-top: -134px;margin-left: -700px;animation-name:leAnid;-webkit-animation:leAnid 0.7s linear 0s normal none;-moz-animation:leAnid 0.7s linear 0s normal none;animation:leAnid 0.7s linear 0s normal none;animation-fill-mode: forwards;}
@-webkit-keyframes leAnid{from{margin-left:-700px;} to{margin-left:-260px;} }
@-moz-keyframes leAnid{from{margin-left:-700px;;} to{margin-left:-260px;} }
@keyframes leAnid{from{margin-left:-700px;;} to{margin-left:-260px;} }
.banner-right{width:377px;height:203px;background:url(../banner-right_03.png)no-repeat center center;position:absolute;z-index:10;left:50%;top:50%;margin-top: -134px;margin-left:-118px;animation-name:riAnid;-webkit-animation:riAnid 0.7s linear 0s normal none;-moz-animation:riAnid 0.7s linear 0s normal none;animation:riAnid 0.7s linear 0s normal none;animation-fill-mode: forwards;}
@-webkit-keyframes riAnid{from{margin-left:700px;} to{margin-left:-118px;} }
@-moz-keyframes riAnid{from{margin-left:700px;;} to{margin-left:-118px;} }
@keyframes riAnid{from{margin-left:700px;;} to{margin-left:-118px;} }


 @media only screen and (max-width: 1024px){
.slide-main{display:none;}
.sj-banner{display:block;}
}














/*================================新闻列表================================================*/
.news_box{width:100%;height:auto;overflow:hidden;background:#f1f4f5;}
.news_box .news{width:1300px;margin:auto;background:#fff;margin-top:103px;margin-bottom:22px;height:auto;overflow:hidden;}
.news_box .news .news_left{width:calc(75% - 1px);float:left;border-right:1px solid #dcdcdc;}
.news_box .news .news_left .news_banner{width:calc(100% - 26px);margin:auto;margin-top:13px;height:auto;overflow:hidden;}
.news_box .news .news_left .news_banner img{width:100%;}
.news_box .news .news_left .news_class{width:calc(100% - 26px);height:auto;overflow:hidden;border-bottom:1px solid #edebe9;margin:auto;padding-top:18px;padding-bottom:18px;}
.news_box .news .news_left .news_class li{float:left;margin-left:3.3%;max-width:89px;width:30%;height:31px;border-radius:15px;background:#eee;text-align:center;line-height:31px;font-size:14px;color:#707070;position:relative;}
.news_box .news .news_left .news_class li a{font-size:14px;color:#707070;z-index:1;position: relative;transition: all 0.3s ease 0s;}
.news_box .news .news_left .news_class li:before{background: #00b7ee none repeat scroll 0 0; bottom: 0;content: ""; height: 100%; left: 0; position: absolute;top: 0; transition: all 0.3s ease 0s; width: 0%;border-radius:15px;}
.news_box .news .news_left .news_class li:hover a{color:#fff;transition: all 0.3s ease 0s;}
.news_box .news .news_left .news_class li:hover:before{width: 100%; transition: all 0.3s ease 0s;}
.news_box .news .news_left .news_list{width:calc(100% - 26px);height:auto;overflow:hidden;margin:auto;}
.news_box .news .news_left .news_list li{height:auto;overflow:hidden;width:100%;margin-top:17px;padding-bottom:17px; border-bottom:1px solid #edebe9;}
.news_box .news .news_left .news_list .img{float:left;margin-right:13px;overflow:hidden;max-width:157px;}
.news_box .news .news_left .news_list .img img{width:100%;transition: all 1s ease 0s;}
.news_box .news .news_left .news_list .title{float:left;width:calc(100% - 330px);margin-top:7px;margin-bottom:7px;transition: all 0.5s ease 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_box .news .news_left .news_list .title em{color:#fd0100;}
.news_box .news .news_left .news_list .title a{color:#616161;font-size:20px;transform:translateX(0px);transition:all 0.5s ease 0;}
.news_box .news .news_left .news_list .desc{float:left;width:calc(100% - 330px);margin-bottom:7px;line-height: 1.3em;max-height:2.6em;overflow:hidden;}
.news_box .news .news_left .news_list .desc a{color:#a1a1a1;font-size:14px;}
.news_box .news .news_left .news_list .issue{float:left;width:calc(100% - 330px); color: #a1a1a1;font-size:12px;white-space:pre;position:relative;}
.news_box .news .news_left .news_list .issue i{ color: #a1a1a1;font-size:12px;}
.news_box .news .news_left .news_list .info{font-size:12px;position:absolute;right:-125px;width:97px;height:29px;border:1px solid #edebe9;text-align:center;line-height:29px;border-radius:15px;top: -40px;overflow:hidden;}
.news_box .news .news_left .news_list .info span{z-index:1;position: relative;transition: all 0.3s ease 0s;font-size:12px;color:#6599ff;transition:all 0.3s ease 0;}
.news_box .news .news_left .news_list .info:before{background: #fcad03;content: ""; height: calc(100% + 2px); left: -1px; position: absolute;top: -1px; transition: all 0.3s ease 0s; width: 0;border-radius:15px;}
.news_box .news .news_left .news_list li:hover .img img{transform:scale(1.1);transition: all 1s ease 0s;}
.news_box .news .news_left .news_list li:hover .title{transform:translateX(10px);transition: all 0.5s ease 0s;}
.news_box .news .news_left .news_list li:hover .title a{color:#403f3f;transition: all 0.5s ease 0s;}
.news_box .news .news_left .news_list li:hover .info{border:1px solid #fcad03;}
.news_box .news .news_left .news_list li:hover .info span{color:#fff;transition:all 0.3s ease 0;}
.news_box .news .news_left .news_list li:hover .info:before{ width: calc(100% + 2px); transition: all 0.3s ease 0s;}

.news_box .news .news_right{border-left: 1px solid #dcdcdc;float: right; margin-left: -1px;width: 25%;}
.news_box .news .news_right .obtain_title{width:100%;text-align:center;margin-top:7px;font-size:20px;color:#6b6b6b;}
.news_box .news .news_right .obtain_title p{width:100%;text-align:center;font-size:12px;color:#8f8f8f;}
.news_box .news .news_right .obtain{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:12px;}
.news_box .news .news_right .obtain .mail{width:calc(86% - 22px);height:auto;overflow:hidden;margin:auto;border:1px solid #cdcdcd;height:31px;padding-left:11px;padding-right:11px;transition: box-shadow 0.25s linear 0s, border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s; }
.news_box .news .news_right .obtain .button{width:134px;height:38px;background-color:#46be8a;color:#fff;margin-top:15px;background-image:url(../button.jpg); background-repeat:no-repeat;background-position:center left 38px; transition:all 0.3s ease 0;}
.news_box .news .news_right .obtain .mail:focus{border:1px solid #6599ff;transition:all 0.3s ease 0;transition: box-shadow 0.25s linear 0s, border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;}
.news_box .news .news_right .topic{width:calc(100% - 24px);margin:auto;height:auto;overflow:hidden;border-top:1px solid #edebe9;border-bottom:1px solid #edebe9;padding-bottom:25px;padding-top:25px;margin-top:40px;}
.news_box .news .news_right .topic .topic_title{color:#5c5c5c;font-size:18px;width:calc(100% - 24px);margin:auto;}
.news_box .news .news_right .topic .topic_title a{float:right;font-size:12px;color:#3583ca;line-height: 2.5em;}
.news_box .news .news_right .topic_list{width:calc(100% - 24px);margin:auto;height:auto;overflow:hidden;margin-top:7px;}
.news_box .news .news_right .topic_list li{width:100%;margin:auto;height:auto;overflow:hidden;margin-top:23px;}
.news_box .news .news_right .topic_list .title{width:100%;margin:auto;height:auto;overflow:hidden;font-size:14px;color:#337ab7;line-height:1.5em;transition:all 0.5s ease 0s;transform:translateX(0px);}
.news_box .news .news_right .topic_list .title a{font-size:14px;color:#337ab7;transition:all 0.3s ease 0s;}
.news_box .news .news_right .topic_list .qa{width:100%;margin:4px auto auto;height:auto;overflow:hidden;font-size:12px;color:#999999;}
.news_box .news .news_right .topic_list .qa a{font-size:12px;color:#999999;}
.news_box .news .news_right .topic_list .qa span{display:block;float:left;width:58px;height:20px;color:#999999;background:#f2f2f2;text-align:center;line-height:20px;}
.news_box .news .news_right .topic_list li:hover .title a{color:#fcad03;transition:all 0.3s ease 0s;}
.news_box .news .news_right .topic_list li:hover .title{transform:translateX(5px);transition:all 0.5s ease 0s;}
.news_box .news .news_right .doubt {width:calc(100% - 24px);margin:auto;height:auto;overflow:hidden;margin-top:40px;}
.news_box .news .news_right .doubt .doubt_title{color:#5c5c5c;font-size:18px;width:calc(100% - 24px);margin:auto;}
.news_box .news .news_right .doubt .doubt_title a{float:right;font-size:12px;color:#3583ca;line-height: 2.5em;}
.news_box .news .news_right .doubt .doubt_list{width:calc(100% - 24px);margin:auto;height:auto;overflow:hidden;margin-top:7px;}
.news_box .news .news_right .doubt .doubt_list li{width:100%;margin:auto;height:auto;overflow:hidden;margin-top:23px;}
.news_box .news .news_right .doubt .doubt_list .img{float:left;width:16%;max-width:42px;max-height:42px;margin-right:15px;}
.news_box .news .news_right .doubt .doubt_list .img img{width:100%;}
.news_box .news .news_right .doubt .doubt_list .title{width:calc(84% - 15px);color:#6599ff;font-size:14px;transition:all 0.5s ease 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_box .news .news_right .doubt .doubt_list .title a{color:#6599ff;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:all 0.3s ease 0s;}
.news_box .news .news_right .doubt .doubt_list .thing{width:calc(84% - 15px);color:#6599ff;font-size:14px;white-space:pre;}
.news_box .news .news_right .doubt .doubt_list .thing a{color:#333333;font-size:14px;}
.news_box .news .news_right .doubt .doubt_list li:hover .title{transform:translateX(5px);transition:all 0.5s ease 0s;}
.news_box .news .news_right .doubt .doubt_list li:hover .title a{color:#23527c;transition:all 0.3s ease 0s;}
.page{margin-top:30px;margin-bottom:30px;}

 @media only screen and (max-width: 1400px) {
.news_box .news{width:96%;}
}
 @media only screen and (max-width: 960px) {
.news_box .news .news_left{width:100%;float:none;border-right:0px solid #dcdcdc;}
.news_box .news .news_right{width:100%;float:none;padding-bottom:30px;border-left:0px solid #dcdcdc; margin-left: 0px;}
}
 @media only screen and (max-width: 640px) {
.news_box .news{margin: 64px auto 22px;}
.news_box .news .news_left .news_list .title{width:calc(100% - 170px);margin-top:0px;}
.news_box .news .news_left .news_list .desc{width:calc(100% - 170px);}
.news_box .news .news_left .news_list .issue{width:calc(100% - 170px);}
.news_box .news .news_left .news_list .issue .info{display:none;}
.news_box .news .news_right .obtain_title{margin-top:20px;}
}

.news_right .news_rec{height:auto;overflow:hidden;margin:45px auto auto;}
.news_right .news_rec .news_title{width:calc(100% - 48px);margin:auto;color:#606161;font-size:16px;height:auto;overflow:hidden;padding-bottom:12px;position:relative;}
.news_right .news_rec .news_title span{color:#606161;font-size:16px;padding-bottom:10px;border-bottom:2px solid #6599ff;}
.news_right .news_rec .news_title:before{background: #f6bb19 none repeat scroll 0 0; bottom: 1px;content: ""; height: 2px; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0px;}
.news_right .news_rec:hover .news_title:before{transition: all 0.3s ease 0s; width: 64px;}
.news_right .news_rec_list{width:calc(100% - 48px);height:auto;overflow:hidden;margin:auto;margin-top:10px;}
.news_right .news_rec_list li{width:100%;height:auto;overflow:hidden;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #edebe9;}
.news_right .news_rec_list .rec_time{display:block;color:#a2a2a2;font-size:14px;}
.news_right .news_rec_list .rec_title{display:block;color:#565757;transition:all 0.3s ease 0s;font-size:14px;margin-top:20px;}
.news_right .news_rec_list li:hover .rec_title{color:#fda101;transition:all 0.3s ease 0s;}
#susp:before{width:100%;}
#susp a{color:#fff;}

/*================================新闻内页================================================*/
.news_con_title{width:calc(100% - 46px);margin:20px auto auto;color:#696969;font-size:20px;color:#00b7ee;}
.news_con_info{width:calc(100% - 46px);margin:15px auto auto;color:#949393;font-size:12px;white-space:pre;}
.news_con_text{width:calc(100% - 46px);margin:15px auto auto;min-height:400px;}
.news_con_text img{max-width:100%;}

.page_list{width:calc(100% - 46px);margin:20px auto 10px;height:auto;overflow:hidden;}
.up{float:left;color:#999999;font-size:14px;}
.up a{color:#999999;font-size:14px;}
.down{float:right;color:#999999;font-size:14px;}
.down a{color:#999999;font-size:14px;}








/*================================招聘列表================================================*/
.job_box{width:100%;height:auto;overflow:hidden;background:#f1f4f5;}
.job_box .job{width:1300px;margin:auto;background:#fff;margin-top:103px;margin-bottom:22px;height:auto;overflow:hidden;padding-top:22px;padding-bottom: 10px;}
.job_box .job .job_left{width:25%;float:left;padding-bottom:40px;border-right:1px solid #dcdcdc;margin-right:-1px;}
.job_box .job .job_left .job_search{height:auto;overflow:hidden;margin:23px auto auto;}
.job_box .job .job_left .search_title{width:calc(100% - 48px);margin:auto;color:#606161;font-size:16px;height:auto;overflow:hidden;padding-bottom:12px;position:relative;}
.job_box .job .job_left .search_title:before{background: #f6bb19 none repeat scroll 0 0; bottom: 1px;content: ""; height: 2px; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0px;}
.job_box .job .job_left .search_title span{color:#606161;font-size:16px;padding-bottom:10px;border-bottom:2px solid #6599ff;}
.job_box .job .job_left .job_search:hover .search_title:before{ transition: all 0.3s ease 0s; width: 32px;}
.job_box .job .job_left .job_obtain{ width:calc(100% - 48px);margin:auto;text-align:center;margin-top:30px;}
.job_box .job .job_left .job_obtain .job_mail{ width:calc(100% - 69px);height:45px;border:1px solid #d5e2e6;border-right:1px solid #00a0e9;color:#9b9c9c;font-size:14px;float:left;padding-left:10px;padding-right:10px;transition:all 0.3s ease 0s;}
.job_box .job .job_left .job_obtain .job_mail:focus{transition:all 0.3s ease 0s;border:1px solid #6599ff;transition: box-shadow 0.25s linear 0s, border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;}
.job_box .job .job_left .job_obtain .job_button{background-color:#00a0e9;height:47px;width:47px;float:left;background-image:url(../job_03.jpg);background-position:center center;background-repeat:no-repeat;}
.job_box .job .job_left .job_rec{height:auto;overflow:hidden;margin:23px auto auto;}
.job_box .job .job_left .job_rec .rec_title{width:calc(100% - 48px);margin:auto;color:#606161;font-size:16px;height:auto;overflow:hidden;padding-bottom:12px;position:relative;}
.job_box .job .job_left .job_rec .rec_title span{color:#606161;font-size:16px;padding-bottom:10px;border-bottom:2px solid #6599ff;}
.job_box .job .job_left .job_rec .rec_title:before{background: #f6bb19 none repeat scroll 0 0; bottom: 1px;content: ""; height: 2px; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0px;}
.job_box .job .job_left .job_rec:hover .rec_title:before{ transition: all 0.3s ease 0s; width: 64px;}
.job_box .job .job_left .rec_list{width:calc(100% - 48px);margin:20px auto auto;height:auto;overflow:hidden;}
.job_box .job .job_left .rec_list li{width:33%;overflow:hidden;height:auto;float:left;}
.job_box .job .job_left .rec_list .img{display:block;width:100%;margin:auto;text-align:center;background:#f9f9f9;padding-top:5px;padding-bottom:5px;}
.job_box .job .job_left .rec_list .img img{width:calc(100% - 10px);margin:auto;}
.job_box .job .job_left .rec_list .title{display:block;width:100%;margin:auto;height:auto;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#606161;font-size:14px;margin-top:5px;}
.job_box .job .job_left .rec_list .more{display:block;width:100%;margin:auto;height:auto;overflow:hidden;color:#00a0e9;font-size:14px;transition:all 0.3s ease 0s;}
.job_box .job .job_left .rec_list li:hover .more{color:#f6bb19;transition:all 0.3s ease 0s;}
.job_box .job .job_left .news_rec{height:auto;overflow:hidden;margin:45px auto auto;}
.job_box .job .job_left .news_rec .news_title{width:calc(100% - 48px);margin:auto;color:#606161;font-size:16px;height:auto;overflow:hidden;padding-bottom:12px;position:relative;}
.job_box .job .job_left .news_rec .news_title span{color:#606161;font-size:16px;padding-bottom:10px;border-bottom:2px solid #6599ff;}
.job_box .job .job_left .news_rec .news_title:before{background: #f6bb19 none repeat scroll 0 0; bottom: 1px;content: ""; height: 2px; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0px;}
.job_box .job .job_left .news_rec:hover .news_title:before{transition: all 0.3s ease 0s; width: 64px;}
.job_box .job .job_left .news_rec_list{width:calc(100% - 48px);height:auto;overflow:hidden;margin:auto;margin-top:10px;}
.job_box .job .job_left .news_rec_list li{width:100%;height:auto;overflow:hidden;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #edebe9;}
.job_box .job .job_left .news_rec_list .rec_time{display:block;color:#a2a2a2;font-size:14px;}
.job_box .job .job_left .news_rec_list .rec_title{display:block;color:#565757;transition:all 0.3s ease 0s;font-size:14px;margin-top:20px;}
.job_box .job .job_left .news_rec_list li:hover .rec_title{color:#fda101;transition:all 0.3s ease 0s;}
.job_box .job .job_left .key{height:auto;overflow:hidden;margin:45px auto auto;}
.job_box .job .job_left .key .key_title{width:calc(100% - 48px);margin:auto;color:#606161;font-size:16px;height:auto;overflow:hidden;padding-bottom:12px;position:relative;}
.job_box .job .job_left .key .key_title span{color:#606161;font-size:16px;padding-bottom:10px;border-bottom:2px solid #6599ff;}
.job_box .job .job_left .key .key_title:before{background: #f6bb19 none repeat scroll 0 0; bottom: 1px;content: ""; height: 2px; left: 0; position: absolute; transition: all 0.3s ease 0s; width: 0px;}
.job_box .job .job_left .key:hover .key_title:before{transition: all 0.3s ease 0s; width: 80px;}
.job_box .job .job_left .key_list{ height: auto;margin: 14px auto auto;overflow: hidden;width: calc(100% - 48px);}
.job_box .job .job_left .key_list li{margin-top: 13px;float:left;width:30%;height:40px;border:1px solid #d5e2e6;text-align:center;line-height:40px;margin:1%;}
.job_box .job .job_left .key_list li a{color:#606161;font-size:14px;display:block;width:100%;height:100%;}

.job_box .job .job_right{width:calc(75% - 1px);float:right;border-left:1px solid #dcdcdc;}
.job_right .job_title{color: #606161;font-size: 16px;height: auto; margin: 23px auto auto;overflow: hidden;padding-bottom: 12px; position: relative; width: calc(100% - 60px);}
.job_right .job_title:before{background: #f6bb19 none repeat scroll 0 0;bottom: 1px;content: ""; height: 2px;left: 0;position: absolute; transition: all 0.3s ease 0s; width: 0;}
.job_right .job_title span{border-bottom: 2px solid #6599ff; color: #606161;font-size: 16px;padding-bottom: 10px;}
.job_right:hover .job_title:before{color:#fda101;transition:all 0.3s ease 0s;width:64px;}
.job_right .job_list{width: calc(100% - 60px);height:auto;overflow:hidden;margin: auto;padding-bottom:30px;}
.job_right .job_list li{width:100%;height:auto;overflow:hidden;margin-top: 30px;}
.job_right .job_list .title{color:#3a3b3b;font-size:24px;white-space:pre;}
.job_right .job_list .info{color:#00a0e9;font-size:12px;white-space:pre;margin-top: 10px;}
.job_right .job_list .info span{color:#a3afb7;font-size:12px;}
.job_right .job_list .job_details{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e4eaec;border-top:1px solid #e4eaec;margin-top:10px;color:#5a5a5a;font-size:14px;}
.job_right .job_list .job_details h4{font-size:14px;color:#383838;font-weight:700;margin-bottom:23px;}
.job_right .job_list .job_details h4:nth-child(2){margin-top:40px;}
.job_right .job_list .accepted{width:128px;height:36px;line-height:36px;display:block;margin-top:10px;margin-bottom:30px;background:#00a0e9;color:#fff;border-radius:17px;margin-left:23px;position:relative;overflow:hidden;float:right;}
.job_right .job_list .accepted:before{background:#f6bb19;height:100%;width:0%;position:absolute;top:0;left:0;content: "";transition: all 0.3s ease 0s;}
.job_right .job_list .accepted:hover:before{width:100%;transition: all 0.3s ease 0s;}
.job_right .job_list .accepted b{color:#fff;font-size:16px;position:absolute;z-index:2;width:100%;height:100%;text-align:center;line-height:36px;font-weight:normal;}

 @media only screen and (max-width: 1400px) {
.job_box .job{width:96%;}
}
 @media only screen and (max-width: 960px) {
.job_box .job .job_right{width:100%;float:none;border-left:0px solid #dcdcdc;}
.job_box .job .job_left{width:100%;float:none;padding-bottom:30px;border-right:0px solid #dcdcdc;margin-right:0px;}
}
 @media only screen and (max-width: 640px) {
.job_box .job{margin: 64px auto 22px;}
}







/*================================客户案例================================================*/
.xt-case{width:100%;height:auto;overflow:hidden;background:#f1f4f5;}
.case-obx{width:1283px;height:auto;overflow:hidden;margin:auto; margin: 103px auto 0px;}
.case-obx .case_list{height:auto;overflow:hidden;float:left;}
.case-obx .case_list li{float:left;width:156px;height:38px;float:left;text-align:center;line-height:38px;color:#fff;margin-right:5px;position:relative;}
.case-obx .case_list li:before{content: "";position:absolute;top:0;left:0;height:38px;width:0%;z-index:1;background:#068df7;transition:all 0.3s ease 0s;}
.case-obx .case_list li:hover:before{width:100%;transition:all 0.3s ease 0s;}
.case-obx .case_list li a{color:#fff;font-size: 14px;z-index:2;position:absolute;display:block;width:100%;height:38px;line-height:38px;top:0;left:0;}
.case-obx .case_list li:nth-child(1){background:#379ff1;}
.case-obx .case_list li:nth-child(2){background:#22c3a7;}
.case-obx .case_list li:nth-child(3){background:#fea525;}
.case-obx .case_list li:nth-child(4){background:#7092d1;}
.case_form{width:285px;height:35px;background:#fff;border:1px solid #d2d2d2;float:right;border-radius:35px;}
.case_form .c-name{height:35px;margin-left:20px;width:calc(80% - 20px);    float: left;}
.case_form .c-button{height:35px;width:18%;background:url(../fdj_03.png)no-repeat center center;cursor:pointer;  float: left;}
.xt-blocks{width: 1312px;height:auto;overflow:hidden;margin:auto auto 35px; min-height:300px;}
.xt-blocks li{float:left;width:calc(50% - 46px);padding:8px;margin:15px;background:#fff;}
.xt-blocks .widget{position:relative;background-color: #fff;}
.xt-blocks .widget .widget-header{height:350px;overflow: hidden;margin: 0 10px;}
.xt-blocks .widget .widget-header span{display: block;position: relative;transition:all 6s ease 0s;top:0;}
.xt-blocks .widget .widget-header:hover span{transition:all 40s ease 0s;}
.xt-blocks .widget .widget-header img{width: 100%;}
.xt-blocks .widget .widget-phone{display: block;width:156px;height:320px;position:absolute;bottom:-18px;;right:10px;background:url(../phone_03.png)no-repeat center center;z-index:2;overflow:hidden;}
.xt-blocks .widget .widget-phone div{width:137px;height:242px;overflow:hidden;border: 1px solid #ccc;position:absolute;top: 36px;left: 9px;}
.xt-blocks .widget .widget-phone div span{position:absolute;transition:all 8s ease 0s;top:0;}
.xt-blocks .widget .widget-phone div span img{width:100%;}
.xt-blocks .widget .widget-title{color: #2a333c;text-align:center;font-size:18px;transition:all 0.3s ease 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xt-blocks .widget .widget-title a{color: #2a333c;text-align:center;font-size:16px;transition:all 0.3s ease 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xt-blocks .widget:hover .widget-title a{color: #00b7ee;transition:all 0.3s ease 0s;}
.major{text-align:center;width:100%;color:#606161;font-size:24px;margin-top: 45px;}
.cus{margin:auto;display:block;width:134px;height:44px;text-align:center;line-height:44px;color:#fff;font-size:18px;background:#fea803;transition:all 0.3s ease 0s;margin-bottom:35px;}
.cus:hover{background:#00b7ee;transition:all 0.3s ease 0s;}
.cus:hover a{color:#fff;transition:all 0.3s ease 0s;}
 @media only screen and (max-width: 1400px) {
.xt-blocks{width: 96%;}
.case-obx{width:94%;margin: 103px auto 10px;}
}
@media only screen and (max-width: 1024px) {
.xt-blocks .widget .widget-phone{display:none;}
.case-obx .case_list{width:100%;}
.case_form{float:left;}
}


/*================================行业系统================================================*/
.xt-system{height:auto;overflow:hidden;width:100%;}
.sysbanner{height:auto;width:100%;overflow:hidden;}
.sys-title{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;margin-top:35px;}
.sys-title:before{position:absolute;bottom:-18px;left:50%;content: "";z-index:2;width:39px;height:4px;background:#00a0e9;margin-left:-19.5px;}
.sys-title:after{position: absolute;left: 50%;content: "";z-index: 1;height: 2px;background: #c6c6c6;width: 93px;margin-left: -46.5px;top: 56px;}
.sys-title span{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}
.sys-subtitle{text-align:center;font-size:14px;color:#959595;margin-top:30px;}
.diff{ display: table; height: auto;margin: auto;overflow: hidden;margin-top:56px;margin-bottom:80px;}
.diff li{float:left;height:auto;overflow:hidden;margin-left:70px;margin-right: 70px;}
.diff .abroad{width:236px;height:236px;margin-bottom: 17px;position:relative;}

.diff .middle{width:236px;height:236px;background:url(../circular.png)no-repeat center center;margin-bottom: 10px;position:absolute;top:0;left:0;
animation-name:Abro;-webkit-animation:Abro 4s infinite linear 0s ;-moz-animation:Abro 4s infinite linear 0s;animation:Abro 4s infinite linear 0s;}
@-webkit-keyframes Abro{from{transform: rotate(0deg);} to{transform: rotate(360deg);} }
@-moz-keyframes Abro{from{transform: rotate(0deg);} to{transform: rotate(360deg);} }
@keyframes Abro{from{transform: rotate(0deg);} to{transform: rotate(360deg);} }
.diff .inside{width:170px;height:170px;margin:17px;background:#00b0f0;border-radius:100%;text-align:center;overflow:hidden;position:absolute;top: 50%;left: 50%;margin-top:-85px;margin-left:-85px;}
.diff .inside p{font-size:18px;color:#ffffff;margin-top: 63px;}
.diff .explain {font-size:16px;color:#616161;text-align:center;margin:auto;}
.diff .arrow{display:block;text-align:center;color:#616161;margin:3px auto;}
.adv-title{width:100%;height:auto;overflow:hidden;background:url(../sysbj_06.jpg);padding-top:41px;padding-bottom:18px; }
.adv-title p{font-size:20px;color:#fff;text-align:center;}
.adv-title h4{font-size:20px;color:#fff;text-align:center;font-weight:700;}
.adv-title a{background:#ff9933;display:block;text-align:center;margin:auto;width:165px;height:40px;line-height:40px;color:#fff;margin-top:25px;position:relative;}
.adv-title a:before{width:0px;height:40px;position:absolute;top:0;left:0;transition:all 0.3s ease 0s;background:#ffb824;content:"";}
.adv-title a:hover:before{width:100%;position:absolute;top:0;left:0;transition:all 0.3s ease 0s;}
.adv-title a b{text-align:center;margin:auto;width:165px;height:40px;line-height:40px;color:#fff;color:#fff;font-weight:normal;position:absolute;top:0;left:0;}
.adv-title a:hover{color:#fff;}
.funbox{height:auto;width:100%;background:#f7f7f7;padding-top:125px;padding-bottom:85px;}
.funbox .fun{display:table;height:auto;margin:auto;}
.funbox .fun li{float:left;width:265px;height:360px;background:#fff;position:relative;margin-left:18px;margin-right:18px;}
.funbox .funtop{position:absolute;width:114px;height:114px;border-radius:57px;left:50%;margin-left:-57px;top:-57px;box-shadow:0px 0px 5px #ccc;transition:all 0.3s ease 0s;}
.funbox .fun li:nth-child(1) .funtop{background:url(../sys-icom_03.png)no-repeat center center;}
.funbox .fun li:nth-child(2) .funtop{background:url(../sys-icom_05.png)no-repeat center center;}
.funbox .fun li:nth-child(3) .funtop{background:url(../sys-icom_07.png)no-repeat center center;}
.funbox .fun li:nth-child(4) .funtop{background:url(../sys-icom_09.png)no-repeat center center;}
.funbox .fun li:hover .funtop{box-shadow:0px 0px 10px #858282;transition:all 0.3s ease 0s;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.funbox .fun h4{font-size:25px;color:#00b7ee;text-align:center;margin-top:91px;}
.funbox .fun p{font-size:14px;color:#767676;text-align:center;position:relative}
.funbox .fun p:before{position:absolute;width:70px;height:3px;content:"";background:#00b7ee;z-index:1px;left:50%;margin-left:-35px;top:50px;}
.funbox .fun span{display:block;text-align:center;color:#767676;font-size:14px;margin-top: 36px;line-height:1.75em;}
.app-title{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}
.app-title:before{position:absolute;bottom:-18px;left:50%;content: "";z-index:2;width:39px;height:4px;background:#00a0e9;margin-left:-19.5px;}
.app-title:after{position:absolute;left:50%;content:"";z-index:1;height:2px;background:#c6c6c6;width:93px;margin-left:-46.5px;top: 55px;}
.app-title span{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;  }

.app-subtitle{text-align:center;font-size:14px;color:#959595;margin-top:30px;}
.application{height:auto;overflow:hidden;width:100%;padding-top:60px;padding-bottom:65px;}
.application .used-top{display:table;margin:auto;overflow:hidden;height:auto;border-bottom:1px solid #dcdcdc;padding-bottom:6px;margin-bottom:6px;}
.application .used-top li{float:left;border-right:1px solid #dcdcdc;width:399px;height:auto;overflow:hidden;padding-top:15px;padding-bottom:30px;background-repeat:no-repeat;background-position:30px 30px;}
.application .used-top li:nth-child(1){background-image:url(../used-icom_06.png);}
.application .used-top li:nth-child(2){background-image:url(../used-icom_03.png);}
.application .used-top li:nth-child(3){background-image:url(../used-icom_09.png);}
.application .used-top li:last-child{border-right:1px solid #fff;}
.application .used-top li h4{font-size:20xp;color:#585858;width:280px;margin-left:87px;text-justify:inter-ideograph;text-align:justify;}
.application .used-top li p{font-size:12xp;color:#a2a2a2;width:280px;margin-left:87px;text-justify:inter-ideograph;text-align:justify;}
.application .used-bottom{display:table;margin:auto;overflow:hidden;height:auto;}
.application .used-bottom li{float:left;border-right:1px solid #dcdcdc;width:299px;height:auto;overflow:hidden;padding-top:15px;padding-bottom:30px;background-repeat:no-repeat;background-position:20px 20px;}
.application .used-bottom li h4{font-size:20xp;color:#585858;width:210px;margin-left:74px;text-justify:inter-ideograph;text-align:justify;}
.application .used-bottom li p{font-size:12xp;color:#a2a2a2;width:210px;margin-left:74px;text-justify:inter-ideograph;text-align:justify;}
.application .used-bottom li:nth-child(1){background-image:url(../used-icom_15.png);}
.application .used-bottom li:nth-child(2){background-image:url(../used-icom_24.png);}
.application .used-bottom li:nth-child(3){background-image:url(../used-icom_18.png);}
.application .used-bottom li:nth-child(4){background-image:url(../used-icom_21.png);}
.application .used-bottom li:last-child{border-right:1px solid #fff;}
.platform{width:100%;height:auto;overflow:hidden;background:url(../platform_02.jpg);padding-top:60px;padding-bottom:70px;}
.pla-title{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}
.pla-title img{ max-width:90%;}
.pla-title:before{position:absolute;bottom:-18px;left:50%;content: "";z-index:2;width:39px;height:4px;background:#00a0e9;margin-left:-19.5px;}
.pla-title:after{position:absolute;left:50%;content:"";z-index:1;height:2px;background:#c6c6c6;width:93px;margin-left:-46.5px;top: 62px;}
.pla-title span{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}

.pla-subtitle{text-align:center;font-size:14px;color:#959595;margin-top:30px;}
.platform h3{font-size:25px;color:#585858;text-align:center;margin-top:55px;}
.platform .plain{font-size:18px;color:#585858;text-align:center;line-height:1.8em;}
.platform .step{font-size:18px;color:#00b7ee;text-align:center;font-weight:700;margin-top:50px;}
.platform .platform-step{display:table;margin:auto;height:auto;overflow:hidden;margin-top:30px;}
.platform .platform-step li{float:left;margin-left:33px;margin-right:33px;position:relative;}
.platform .platform-step li p{text-align:center;margin-top:13px;color:#7c7c7c;font-size:14px;}
.platform .platform-step li span{width:18px;height:30px;background:url(../arrow_07.png)no-repeat center center;display:block;position:absolute;right:0;right: -43px;top: 42px;}
.est-title{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}
.est-title img{width:90%;max-width:328px;}
.est-title:before{position:absolute;bottom:-18px;left:50%;content: "";z-index:2;width:39px;height:4px;background:#00a0e9;margin-left:-19.5px;}
.est-title:after{position:absolute;left:50%;content:"";z-index:1;height:2px;background:#c6c6c6;width:93px;margin-left:-46.5px;top: 57px;}
.est-title span{text-align:center;white-space:pre;font-size:40px;font-weight:normal;position:relative;}
.est-subtitle{text-align:center;font-size:14px;color:#959595;margin-top:30px;}
.establish{padding-top:67px;padding-bottom:50px;height:590px;position:relative;}
.establish .circular{position:absolute;height:375px;width:511px;top:180px;left:50%;margin-left:-560px;}
.establish .circular .blue{width:248px;height:248px;line-height:248px;text-align:center;color:#fff;background:#00a2d2;position:absolute;top:81px;right:137px;border-radius:124px;font-size:35px;z-index:7;}
.establish .circular .red{width:131px;height:131px;text-align:center;color:#fff;background:#ed373b;position:absolute;top:0;right:132px;border-radius:65.5px;font-size:25px;z-index:6;}

.establish .circular .red span{color: #fff;display: block;font-size: 25px; line-height: 1em;margin-top: 32px;}
.establish .circular .orange{width:141px;height:141px;text-align:center;color:#fff;background:#f0ad63;position:absolute;top:71px;left:31px;border-radius:70.5px;font-size:25px;z-index:5;}
.establish .circular .orange span{color: #fff;display: block;font-size: 25px; line-height: 1em;margin-top: 32px;}
.establish .circular .green{width:178px;height:178px;text-align:center;color:#fff;background:#77cb5c;position:absolute;top:189px;left:0;border-radius:89px;font-size:25px;z-index:6;line-height:178px;}
.establish .circular .violet{width:161px;height:161px;text-align:center;color:#fff;background:#6a2564;position:absolute;bottom:-8px;right:61px;border-radius:80.5px;font-size:25px;z-index:6;}
.establish .circular .violet span{color: #fff;display: block;font-size: 25px; line-height: 1em;margin-top: 62px;}
.establish .circular .pink{width:129px;height:129px;text-align:center;color:#fff;background:#f0668d;position:absolute;top:139px;right:1px;border-radius:64.5px;font-size:25px;z-index:6;line-height:129px;z-index:5;}
.establish .establish-more{width:100%;text-align:center;height:auto;overflow:hidden;position:absolute;bottom: 35px;}
.establish .establish-more a{background: #ff9933;display: block;text-align: center;margin: auto;width: 165px;height: 40px;line-height: 40px;color: #fff;margin-top: 25px;position: relative;}
.establish .establish-more a:before{width: 0px;height: 40px;position: absolute;top: 0;left: 0;transition: all 0.3s ease 0s;background: #ffb824;content: "";}
.establish .establish-more a:hover:before{width: 100%;}
.establish .establish-more a b{text-align: center;margin: auto;width: 165px;height: 40px;line-height: 40px;color: #fff;color: #fff;font-weight: normal;position: absolute;top: 0;left: 0;}
.blogroll{width:615px;height:auto;overflow:hidden;position:absolute;top:257px;left:50%;margin-left:5px;}
.blogroll li{float:left;margin:0 9px 29px 9px;background:url(../frame_03.jpg)no-repeat center center;width:187px;height:84px;text-align:center;}
.blogroll li img{max-height:62px;max-width:163px;margin-top:11px;}




/*================================微信开发================================================*/
.makes{width:100%;height:auto;overflow:hidden;padding:6px 0;border-bottom:1px solid #e5e5e5;}
.makes ul{display:table;margin:auto;height:auto;overflow:hidden;}
.makes ul li{float:left;height:71px;border-right:1px solid #e5e5e5;width:299px;text-align:center;line-height:71px;color:#848484;font-size:20px;}
.makes ul li:last-child{border-right:1px solid #fff;}
.makes ul li span{color:#5da301;font-size:20px;}
.makes ul li:nth-child(1) span{color:#02a3d4;}
.makes ul li:nth-child(2) span{color:#ffc810;}
.advantages{width:100%;height:auto;overflow:hidden;background:#f6f6f6;padding-top:50px;padding-bottom:80px;}
.advantages-list{width:1200px;height:auto;overflow:hidden;margin:auto;margin-top:47px;}
.advantages-list li{float:left;width:600px;background-color:#fff;background-repeat:no-repeat;background-position: center left 20px;padding-top:18px;padding-bottom:18px;}
.advantages-list li h4{color:#7e7e7e;font-size:18px;margin-top:0px;margin-bottom:0px;width:calc(100% - 151px);margin-left:134px;}
.advantages-list li p{color:#7e7e7e;font-size:12px;margin-top:0px;margin-bottom:0px;width:calc(100% - 151px);margin-left:134px;margin-top:12px;}
.advantages-list li:nth-child(1){background-image:url(../advantages_03.png);background-color:#f9f6f0;}
.advantages-list li:nth-child(2){background-image:url(../advantages_05.png);}
.advantages-list li:nth-child(3){background-image:url(../advantages_09.png);}
.advantages-list li:nth-child(4){background-image:url(../advantages_10.png);background-color:#f9f6f0;}
.advantages-list li:nth-child(5){background-image:url(../advantages_13.png);background-color:#f9f6f0;}
.advantages-list li:nth-child(6){background-image:url(../advantages_14.png);}
.function-list{width:100%;height:auto;overflow:hidden;padding-bottom:30px;margin-top:65px;}
.mak-title{text-align:center;font-size:55px;letter-spacing:0px;position:relative;}
.mak-title img{width:90%;max-width:587px;}
.mak-title:before{position:absolute;height:3px;width:40px;background:#5baa3a;content:"";left:50%;margin-left:-20px;bottom:-16px;}
.mak-subtitle{text-align:center;font-size:25px;font-weight:normal;margin-top:23px;position:relative;}
.mak-subtitle:before{width:94px;height:1px;background:#aaaaaa;position:absolute;left:50%;margin-left:-47px;content:"";bottom:-10px;}
.common-list{display:table;margin:auto;overflow:hidden;margin-top:48px;max-width:1210px;}
.common-list li{float:left;width:290px;height:auto;overflow:hidden;margin-left:6px;margin-right:6px;margin-bottom:50px;}
.common-list li img{width:100%;}
.common-list li h4{width:100%;font-size:18px;text-align:center;margin-top:20px;}
.common-list li p{width:100%;font-size:12px;text-align:center;color:#7e7e7e;}
.common-link{display:block;width:138px;height:37px;line-height:37px;text-align:center;color:#fff;background:#5baa3a;margin:auto;transition:all 0.3s ease 0s;}
.common-link:hover{transition:all 0.3s ease 0s;background:#85c343;}
.common-link:hover{color:#fff;}

.solutions{width:100%;height:auto;overflow:hidden;background:#faf8f4;padding-bottom:60px;padding-top:45px;}
.solutions .mak-title:before{ bottom: -61px; z-index: 2;}
.solutions .mak-botitle{font-size:16px;text-align:center;margin-top:23px;color:#aaaaaa;}
.solutions-list{width:1183px;margin:auto;margin-top:40px;background:url(../cutting_03.png)no-repeat center top 41px;height:auto;overflow:hidden;padding-bottom:90px;}
.solutions-list li{width:102px;float:left;position:relative;margin-left:62px;}
.solutions-list li:nth-child(1){margin-left:50px;}
.solutions-list .triangle-up{ width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 14px solid #7e7e7e;margin:auto;margin-top:9px;transition:all 0.3s ease 0s;}
.solutions-list .title{text-align:center;color:#7e7e7e;font-size:18px;margin-top:3px;transition:all 0.3s ease 0s;}
.solutions-list .com{width:280px;height:auto;overflow:hidden;position:absolute;font-size:12px;color:#686766;text-align:center;left:50%;margin-left:-140px;line-height:1.75em;margin-top:15px;}
.solutions-list .com p{font-size:12px;color:#686766;opacity:0;transition:all 0.3s ease 0s; transform: translateY(20px);margin-bottom: 0px;}
.solutions-list li:hover .com p{opacity:1;transition:all 0.3s ease 0s; transform: translateY(0px);}

.solutions-list li:hover .triangle-up{transition:all 0.3s ease 0s;border-bottom: 14px solid #5baa3a;}
.solutions-list li:hover .title{transition:all 0.3s ease 0s;color:#5baa3a;}
.wechat-cake{width:100%;height:auto;overflow:hidden;padding-top:38px;}
.wechat-cake-list{display:table;margin:auto;overflow:hidden;height:auto;margin-top:46px;max-width:1220px;}
.wechat-cake-list li{float:left;width:187px;height:79px;background:url(../mak-cake_03.png)no-repeat center center;text-align:center;margin-left:8px;margin-right:8px;margin-bottom:30px;}
.wechat-cake-list li img{width:calc(100% - 4px);margin-top:10px;max-height: 62px;max-width: 163px;}



/*================================网站建设================================================*/
.formula{width:100%;height:auto;overflow:hidden;background:#f7f7f7;padding-top:60px;padding-bottom:70px;}
.standard{height:auto;width:1056px;margin:auto;margin-top:45px;background:url(../vs_03.png)no-repeat center center;position:relative;}
.standard .good{position:absolute;width:167px;height:167px;background:url(../contrast_03.png)no-repeat center center;left:-96px;top: 260px;}
.standard .bad{position:absolute;width:167px;height:167px;background:url(../contrast_05.png)no-repeat center center;right:-96px;top:260px;}
.standard li{height:auto;overflow:hidden;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.standard li:nth-child(1){border-top:1px solid #e6e6e6;}
.standard .left{color:#1670c8;font-size:16px;text-align:center;float:left;width:455px;padding-bottom:28px;padding-top:28px;margin:0;}
.standard li:nth-child(5) .left{padding-bottom:18px;padding-top:18px;}
.standard li:nth-child(7) .left{padding-bottom:18px;padding-top:18px;}
.standard li:nth-child(8) .left{padding-bottom:18px;padding-top:18px;}
.standard .middle{display:block;float:left;font-size:18px;color:#535353;width:143px;text-align:center;height:100%;line-height:76px;}
.standard li:nth-child(1) .middle{background:#f3f3f3;}
.standard li:nth-child(2) .middle{background:#ededed;}
.standard li:nth-child(3) .middle{background:#e6e6e6;}
.standard li:nth-child(4) .middle{background:#e1e1e1;}
.standard li:nth-child(5) .middle{background:#dadada;}
.standard li:nth-child(6) .middle{background:#e1e1e1;}
.standard li:nth-child(7) .middle{background:#e6e6e6;}
.standard li:nth-child(8) .middle{background:#ededed;}
.standard li:nth-child(9) .middle{background:#f3f3f3;}
.standard .right{color:#7f7f7f;font-size:16px;text-align:center;float:left;width:455px;padding-bottom:28px;padding-top:28px;margin:0;}
.experience{width:100%;height:auto;overflow:hidden;padding-top:75px;}
.build-title{text-align:center;position: relative;}
.build-title img{ max-width:98%;}
.build-title:before{position:absolute;content:"";width:40px;height:3px;background:#00a0e9;left:50%;margin-left:-20px;bottom:-25px;z-index:2;}
.build-title:after{position:absolute;content:"";width:94px;height:1px;background:#aaaaaa;left:50%;margin-left:-47px;bottom:-24px;z-index:1;}
.build-subtitle{color:#494a4a;font-size:14px;text-align:center;margin-top:40px;}
.experience-list{height:auto;overflow:hidden;width:100%;max-width:914px;margin:auto;margin-top:85px;}
.experience-list li{width:calc(50% - 1px);float:left;text-align:center;height:auto;overflow:hidden;height:200px;border-bottom:1px solid #e5e5e5;}
.experience-list li p{color:#606060;font-size:16px;line-height:1.5em;margin-top:37px;}
.experience-list li:nth-child(2){border-left:1px solid #e5e5e5;}
.experience-list li:nth-child(3){border-bottom:0px solid #e5e5e5;}
.experience-list li:nth-child(4){border-left:1px solid #e5e5e5;border-bottom:0px solid #e5e5e5;}
.experience-list li:nth-child(2) p{margin-top:27px;}
.experience-list li:nth-child(3) img{margin-top:24px;}
.experience-list li:nth-child(4) img{margin-top:24px;}
.deal{width:100%;overflow:hidden;height:618px;background:url(../deal_02.jpg)no-repeat center center;padding-top:50px;}
.deal-list{height:auto;overflow:hidden;width:1010px;margin:auto;margin-top:55px;}
.deal-list li{float:left;width:228px;height:268px;margin-left:11px;margin-right:11px;background:url(../deal-bj_03.png)no-repeat center center;}
.deal-list li h4{text-align:center;font-size:22px;color:#fff;margin-top:19px;}
.deal-list li p{text-align:center;font-size:12px;color:#fff;}
.deal-list .deal-top{display:block;text-align:center;margin-top:32px;}
.deal-list .deal-bottom{display:block;text-align:center;margin-top:22px;}
.process{background:#f4f4f4;height:auto;overflow:hidden;width:100%;padding-top:65px;}
.process-list{height:auto;overflow:hidden;margin:auto;width:1192px;}
.process-list li{float:left;width:297px;border-right:1px solid #dadada;padding-top:17px;padding-bottom:8px;}
.process-list li:nth-child(1) {border-bottom:1px solid #dadada;}
.process-list li:nth-child(2) {border-bottom:1px solid #dadada;}
.process-list li:nth-child(3) {border-bottom:1px solid #dadada;}
.process-list li:nth-child(4) {border-bottom:1px solid #dadada;border-right:0px solid #dadada;}
.process-list li:nth-child(5) {padding-bottom:28px;}
.process-list li:nth-child(8) {border-right:0px solid #dadada;}
.process-list li h4{text-align:center;font-size:25px;color:#1670c8;}
.process-list li p{text-align:center;font-size:12px;color:#b3b3b3;}
.process-list .peripheral{display:block;width:75px;height:75px;background:url(../peripheral.png)no-repeat center center;margin:auto;overflow:hidden;}
.process-list .inside{display:block;height:62px;width:62px;border:2px solid #15a2e2;border-radius:62px;margin-left: 3px;margin-top: 5.5px;}
.process-list li:nth-child(1) .inside{background:url(../number_03.png)no-repeat center center;}
.process-list li:nth-child(2) .inside{background:url(../number_06.png)no-repeat center center;}
.process-list li:nth-child(3) .inside{background:url(../number_08.png)no-repeat center center;}
.process-list li:nth-child(4) .inside{background:url(../number_11.png)no-repeat center center;}
.process-list li:nth-child(5) .inside{background:url(../number_21.png)no-repeat center center;}
.process-list li:nth-child(6) .inside{background:url(../number_23.png)no-repeat center center;}
.process-list li:nth-child(7) .inside{background:url(../number_25.png)no-repeat center center;}
.process-list li:nth-child(8) .inside{background:url(../number_18.png)no-repeat center center;}
.process-a{width:200px;height:46px;line-height:46px;color:#fff;background:#ff9933;display:block;margin:auto;text-align:center;margin-top:54px;margin-bottom:39px;transition:all 0.3s ease 0s;}
.process-a:hover{transition:all 0.3s ease 0s;background:#ffb824;color:#fff;}
.switch{padding:5px;background:#f5f5f3;height:auto;overflow:hidden;margin-bottom:68px;width:1188px;margin:auto;margin-bottom:68px;margin-top:66px;}
.switch-box{height:auto;overflow:hidden;width:236px;float:left;cursor:pointer;background-color:#fff;transition: all 0.3s ease 0s;}
.switch .switch-box:nth-child(2){margin-left:3px;margin-right:3px;}
.switch-sele{width:710px;transition: all 0.3s ease 0s;}
.switch-box .img{height:auto;overflow:hidden;width:236px;float:left;position:relative;float:left;}
.img-layer{width:100%;height:100%;position:absolute;left:0;top:0;background:#00b7ee;opacity: 0;transition: all 0.3s ease 0s;}
.switch-box:hover .img-layer{transition: all 0.3s ease 0s;opacity:1;}
.img-layer h4{text-align:center;font-size:30px;color:#fff;margin-top:35px;opacity:0;transform: translateY(-20px);}
.img-layer img{display:block;width:107px;height:107px;margin:auto;margin-top:22px;margin-bottom:23px;}
.img-layer p{font-size:12px;color:#fff;text-align:center;margin-bottom:0px;opacity:0;transform: translateX(-20px);transition: all 0.3s ease 0s;}
.switch-sele .img-layer{opacity: 1;transition: all 0.3s ease 0.2s;}
.switch-sele h4{opacity:1;transform: translateY(0px);transition: all 0.3s ease 0.2s;}
.switch-sele .img-layer p{opacity:1;transition: all 0.3s ease 0s;transform: translateX(0px);}
.switch-sele:hover .img-layer h4{transition: all 0.3s ease 0.2s;opacity:1;transform: translateY(0px);}
.switch-box .img-layer:hover p:nth-child(3){transition: all 0.3s ease 0s;transform: translateX(0px);opacity:1;}
.switch-box .img-layer:hover p:nth-child(4){transition: all 0.3s ease 0.1s;transform: translateX(0px);opacity:1;}
.switch-box .img-layer:hover p:nth-child(5){transition: all 0.3s ease 0.2s;transform: translateX(0px);opacity:1;}
.switch-txt{width:0px;float:left;height:319px;overflow:hidden;position:relative;}
.switch-box:hover .switch-txt{width:474px;transition: all 0.3s ease 0.3s;}
.switch-sele .switch-txt{width:474px;}
.switch-txt span{display:block;position:absolute;width:88px;height:26px;border:1px solid #b4b4b4;top:21px;left:10px;text-align:center;line-height:26px;font-size:14px;color:#b4b4b4;opacity:0;transform: translateY(-20px);}
.switch-txt p{opacity:0;width:454px;padding-bottom:13px;padding-left:10px;padding-right:10px;border-bottom:1px solid #e4e3e3;color:#707070;font-size:12px;top:59px;left:0;position:absolute;display:block;}
.switch-txt span:nth-child(1){transition:all 0.3s ease 0.4s;}
.switch-txt span:nth-child(3){transition:all 0.3s ease 0.4s;top:130px;}
.switch-txt p:nth-child(2){transition:all 0.3s ease 0.5s;}
.switch-txt p:nth-child(4){transition:all 0.3s ease 0.5s;top:167px;}
.switch-txt:hover p {transition:all 0.3s ease 0.5s;opacity:1;}

.switch-sele .switch-txt span{opacity:1;transition:all 0.3s ease 0.4s;transform: translateY(0px);}

.switch-sele .switch-txt p{transition:all 0.3s ease 0.5s;opacity:1;}

.xsjp{width:100%; max-width:1460px; margin:0 auto; position:relative;}
.xsjp img{display:block; width:100%;}
.xsjp a{width:138px; height:35px; text-align:center; line-height:35px; border:1px #13b6f1 solid; display:block; color:#13b6f1; font-size:14px; position:absolute; bottom:8%; left:calc(50% - 69px);transition:all 0.3s ease 0s;}
.xsjp a:hover{transition:all 0.3s ease 0s;color:#fff;border: 1px #13b6f1 solid;background:#13b6f1;}
.presonbox img{display: block; width: 100%;}
.zydb{width:207px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; display:block; background:#ff9933;}
.gbbbox a{display:none;}
.img>img{width:100%;}

.con-sell{width:236px !important;}
.con-sall{width:477px !important;}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.diff li{margin-left:8px; margin-right:10px;}
	.fun li{width:calc(50% - 2% - 36px) !important; padding-left:1%; padding-right:1%;margin-bottom: 90px;}
	.used-top{padding-bottom:0!important; margin-bottom:0!important;}
	.application .used-top li,.used-bottom li{width:100% !important; border-right:none; border-bottom:1px solid #dcdcdc; padding-right:10%; height:65px !important; }
	.used-bottom li{ width:100%; border:none;border-bottom:1px #dcdcdc solid;}
	.used-bottom li:last-child{border-bottom:0;}
	.used-top li>*,.used-bottom li>*{width:100% !important;}
	.application .used-bottom li:nth-child(3n){border-right:0;}
	
	.conter .cake .cake_logo li{width:calc(20% - 2px);}
	.conter .cake .cake_logo li img{width:100%; display:block;}
	
	.makes ul{width:100%; }
	.makes ul li{width:calc(25% - 2px);}
	.advantages-list{width:100%;}
	.advantages-list li{width:50%;  height: 110px;}
	.common-list li{display:table-cell; width:calc(33% - 10px);}
	.solutions-list{width:100%;}
	.solutions-list{background:none;}
	.solutions-list li{margin-left:0; width:25%;}
	.solutions-list li:nth-child(1){margin-left:0;}
	.wechat-cake-list li{width:calc(20% - 16px);}
	
	.switch-sele{width:236px;}
	.switch-txt{display:none;}
	.switch {display:table; width:100%;}
	.switch  li{display:table-cell; margin:20px 0; margin-left:1.8% !important; }
	.standard{width:100%;}
	.left{width:100% !important;}
	
	
	
	
	.middle{width:100% !important;}
	.right{width:100% !important;}
	.good{position:relative !important; top:0 !important; left:0 !important; }
	.bad{position:relative !important; top:0 !important;  right:0 !important;}
	.gbbbox{margin:0 auto; display:table; margin-top:5%;}
	.gbbbox a{margin:0 60px; margin-top: 75px; display:block;}
	.gbbbox>*{float:left;}
	.standard{background:none;}
	.standard .left{float:none;width:95%;margin:auto;}
	.standard .middle{float:none;width:95%;margin:auto;}
	.standard .right{float:none;width:95%;margin:auto;}
	
	
	#grow-news-list-left{width: calc(50% - 76px) !important;}
	#grow-news-list-right{width: calc(50% - 76px) !important;}
	
	
	.process-list{width:100%;}
	.process-list li{width:calc(25% - 1px);}
	.conter .intention_table{margin-left:0; left: calc(50% - 242px); bottom:2%;}
	.conter .ind_news li{max-width:calc(33% - 18px); }
	.sub{width:68% !important;}
	.time{width:32% !important;}
	
	.introduce_con{height:auto !important; margin-bottom:3%;}
	.li-box1{display:none;}
	.con-sell{width:25% !important;}
	.con-sall{width:25% !important;}
	.conter .introduce_con .li,.conter .introduce_con .li:first-child{width:calc(25% - 7px);}
	.li-box2,.li-box{width:100% !important;}
	.li-box2>*{padding:2% !important; width:96%;}
	.conter .introduce_con .li-box .li-box2 .tit p{width:100%; padding:0;}
	
}

@media only screen and (max-width: 668px) and (min-width: 460px) {
	.diff li{margin-left:8px; margin-right:8px;}
	.fun li{width:calc(25% - 2% - 36px) !important; padding-left:1%; padding-right:1%;  height: 450px !important;}
	.used-top{padding-bottom:0!important; margin-bottom:0!important;}
	.application .used-top li,.used-bottom li{width:calc(35% - 2px) !important; padding-right:15%; height:115px !important; border-bottom: 1px solid #dcdcdc !important;} 
	.used-top li>*,.used-bottom li>*{width:100% !important;}
	.application .used-bottom li:nth-child(1n),.application .used-top li:last-child{border-right: 1px solid #dcdcdc; border-bottom: 0px solid #dcdcdc;}
	.application .used-bottom li:nth-child(2n){border-right:0;}
	
	.makes ul{width:100%; }
	.makes ul li{width:calc(25% - 2px);}
	.advantages-list{width:100%;}
	.advantages-list li{width:50%;  height: 110px;}
	.common-list li{display:table-cell; width:calc(33% - 12px);}
	.solutions-list{background:none;}
	.solutions-list{width:100%;}
	.solutions-list li{margin-left:0; width:25%;}
	.solutions-list li:nth-child(1){margin-left:0;}
	.wechat-cake-list li{width:calc(20% - 16px); background-size:100%;}
	.wechat-cake-list li img{width:100%; display:block;}
	
	.switch-sele{width:0;}
	
	.switch {display:table; width:100%;}
	.switch-box .img{width:100%; background-size:100%;}
	.switch  li{display:table-cell; margin:20px 20px !important; width:calc(33% - 40px); }
	.standard{width:100%;}
	.standard .left{float:none;width:95%;margin:auto;}
	.standard .middle{float:none;width:95%;margin:auto;}
	.standard .right{float:none;width:95%;margin:auto;}
	.left{width:45% !important;}

	.right{width:5% !important;}
	.good{position:relative !important; top:0 !important; left:0 !important; }
	.bad{position:relative !important; top:0 !important;  right:0 !important;}
	.gbbbox{margin:0 auto; display:table; margin-top:5%;}
	.gbbbox a{margin:0 60px; margin-top: 75px; display:block;}
	.gbbbox>*{float:left;}
	.deal-list,.experience-list{width:100%;}
	.deal-list li{width:calc(25% - 22px);}
	.experience-list li{width:calc(50% - 2px);}
	
	
	.introduce_con{height:auto !important; margin-bottom:3%;}
	.li-box1{display:none;}
	.con-sell{width:25% !important;}
	.con-sall{width:25% !important;}
	.conter .introduce_con .li,.conter .introduce_con .li:first-child{width:calc(25% - 7px);}
	.li-box2,.li-box{width:100% !important;}
	.li-box2>*{padding:2% !important; width:96%;}
	.conter .introduce_con .li-box .li-box2 .tit p{width:100%; padding:0;}
	
	.conter .cake .cake_logo li{width: calc(24.7% - 2px);}
	.conter .cake .cake_logo li:nth-child(9){display:none;}
	.conter .cake .cake_logo li:nth-child(10){display:none;}
	
	.conter .ind_news li{float: none;margin: auto;}
}

@media only screen and (max-width: 460px) and (min-width: 320px) {
	.app-title img ,.pla-title img{width:90%; display:block;margin:auto;}
	.app-title:after{top:38px;}
	.pla-title:after{top: 175%;}
	.sys-title img{width:90%; display:block; margin:0 auto;}
	.sys-subtitle{margin-top:45px; }
	.adv-title{width:98%; padding-left:1%; padding-right:1%;}
	.funbox{padding-top:90px; padding-bottom:5%;}
	.fun li{width:calc(50% - 2% - 20px) !important; margin: 0 10px !important; padding:0 1%; height: 425px !important; margin-bottom:80px !important;}
	.fun li:nth-child(3),.fun li:nth-child(4){margin-bottom:5% !important;}
	.used-top{padding-bottom:0!important; margin-bottom:0!important;}
	.application .used-top li,.used-bottom li{width:calc(50% - 12px) !important; padding: 0 5px; height:235px !important; border-bottom: 1px solid #dcdcdc !important; background-position:top center !important; background-position-y: 15px !important; } 
	.used-top li>*,.used-bottom li>*{width:100% !important; margin-left:0 !important; padding-top:50px; text-align:center !important;}
	.application .used-bottom li:nth-child(1n),.application .used-top li:last-child{border-right: 1px solid #dcdcdc; border-bottom: 0px solid #dcdcdc;}
	.application{padding-bottom:0px;}
	.application .used-top{border-bottom:none;}
	.application .used-top li:nth-child(3){width:100% !important;border-right: 1px solid #dcdcdc;}
	.platform .plain{width:90%;margin:auto;font-size: 16px;}
	.platform{padding-top: 41px;}
	.platform h3{margin-top: 27px;}
	.used-bottom li:nth-child(2n){border-right:0 !important;}
	.application .used-top li p,.application .used-bottom li p{padding-top:5%;}
	.application .used-top li:nth-child(2){border-right:0;}
	.platform .platform-step li{width:25%; margin:0;}
	.platform .platform-step li img{display:block; width:56%; margin:0 auto;}
	.platform .platform-step li span{right: -10px; top: 14px;}
	.platform{padding-bottom:5%;}
	.establish{height:auto; overflow:hidden;}
	.establish .circular{margin-left:0; left:calc(50% - 188px); position:relative; top:0; width:100%;}
	.blogroll{position:relative; width:100%; top:0; left:0; margin:20px auto;}
	.blogroll li{ margin:10px 10px; width:calc(50% - 20px); background-size:100%;}
	.establish .circular .blue{width:220px; height:220px; line-height:220px; right: 20%;}
	.establish .circular .pink{top:5%;}
	.establish .circular .violet{right:45px;}
	.diff{width:100%; margin-bottom:5%;}
	.abroad {margin:0 auto;}
	.diff li{margin:0 auto; width:100%; margin-bottom:5%;}
	
	.conter .cake .cake_logo li{width:calc(50% - 2px);}
	.conter .cake .cake_logo li img{width:100%; display:block;}
	
	.makes ul{width:100%; }
	.makes ul li{width:calc(100% - 2px); border-right:0 !important;}
	.advantages-list{width:100%;}
	.advantages-list li{width:100%;  }
	.advantages{padding-bottom: 10px;}
	.adv-title p{font-size:18px;line-height:1.75em;}
	.advantages-list li:nth-child(1){background-color: #f9f6f0;}
	.advantages-list li:nth-child(2){background-color: #fff;}
	.advantages-list li:nth-child(3){background-color: #f9f6f0;}
	.advantages-list li:nth-child(4){background-color: #fff;}
	.advantages-list li:nth-child(5){background-color: #f9f6f0;}
	.advantages-list li:nth-child(6){background-color: #fff;}
	.common-list li{display:table-cell; width:calc(50% - 12px);min-height: 243px;}
	
	.solutions-list{width:100%;}
	.solutions-list{background:none; padding-bottom:5%;}
	.solutions{padding-bottom:5%;}
	.solutions-list li{margin-left:0; width:50%;}
	.solutions-list li:nth-child(1){margin-left:0;}
	.wechat-cake-list li{width:calc(50% - 16px); background-size:100%;}
	.wechat-cake-list li img{width:100%; display:block;}
	
	
	
	.build-title img{width:95%;}
	.switch-txt{display:none;}
	.switch {display:table; width:calc(100% - 10px); margin-bottom:3%;}
	.switch-box .img{width:100%; background-size:100%;}
	.switch  li{display:table-cell; margin:1%; width:48%; }
	.standard{width:96%; margin:0 auto;}
	.standard .left{float:none;width:95%;margin:auto;}
	.standard .middle{float:none;width:95%;margin:auto;}
	.standard .right{float:none;width:95%;margin:auto;}
	.formula{padding-top:3%;}
	.left,.right{width:5%; padding-left:1%; padding-right:1%;}
	.switch-sele h4{font-size: 18px;margin-top: 15px}
	.img-layer img{width:70px;height:70px;}
	.good{position:relative !important; top:0 !important; left:0 !important; background-size:100% 100% !important;width:70px !important; height:70px !important; }
	.bad{position:relative !important; top:0 !important;  right:0 !important; background-size:100% 100% !important; width:70px !important; height:70px !important;}
	.gbbbox{margin:0 auto; display:table; margin-top:5%;}
	.gbbbox a{margin:0 10px; margin-top: 15px; display:block; width:130px;}
	.gbbbox>*{float:left; }
	.deal-list,.experience-list,.process-list{width:96%; padding-left:2%; padding-right:2%; }
	
	.deal-list li{width:calc(50% - 11px); height:300px;margin-left: 5px;margin-right: 5px;}
	.experience-list li{width:calc(50% - 2px  - 2%);   padding-left:1%;   height: 310px;}
	.deal{height: auto;background-size: auto 100%;background-position: left;}
	.deal-list{    margin-top: 5px;}
	.xsjp img{padding-bottom:10%;}
	.process-list li{width: calc(50% - 1px); height:230px; padding:15px  0!important; border-bottom:1px #dcdcdc solid; border-top:1px #dcdcdc solid; padding-right:1%;}
	.process-list li:nth-child(2n){border-right:0;}
	.intention_table{display:none;}
	.ind_map{width:100%; background-size:100%; height:0 !important; padding-top:31% !important;}
	
	.introduce_con{height:auto !important; margin-bottom:3%;}
	.li-box1{display:none;}
	.con-sell{width:25% !important;}
	.con-sall{width:25% !important;}
	.conter .introduce_con .li,.conter .introduce_con .li:first-child{width:calc(50% - 7px);}
	.li-box2,.li-box{width:100% !important;}
	.li-box2>*{padding:2% !important; width:96%;}
	.conter .introduce_con .li-box .li-box2 .tit p{width:100%; padding:0;}
	
	.conter .cake_img li{width:50% !important;}
	.conter .ind_about .num li{width:100%; text-align:center; margin:10px 0;}
	.conter .ind_news li{width:calc(100% - 20px); max-width:100%;}
	.footer .foot_box .gaba,.footer .foot_box .nob{position:relative; top:0; left:0; float:left; width:100%;}
	.gaba{margin-top:5% !important;}
	.footer .foot_box .gaba li{width:30%;  margin-right:1%;}
	.footer .foot_box .gaba li img{width:100%;}
	.footer{height:auto; overflow:hidden; width:96%; padding:2%;}
	.footer .foot_box .ewm{float:right; position:relative; width:25%;}
	
	

	.conter .cake .cake_logo li:nth-child(9){display:none;}
	
	.conter .ind_map{width: 100%;height: auto;overflow: hidden;height: 555px;background-image: url(../ind_map_04.png);background-repeat: no-repeat;background-position: center left -68px;background-color: #f8f8f8;background-size: 240% auto;padding-top: 36px;position: relative;}
	.ind_map{height: 100px !important;padding-top: 31% !important;}
	
	.news_box .news .news_left .news_list .title a{font-size: 14px;}
	.news_box .news .news_left .news_list .desc a{font-size: 12px;}
	.news_box .news .news_left .news_list .img{max-width: 139px;}
}




/*================================关于我们================================================*/
#dowebok{width:calc(100% - 256px);float:right;}
.section1{background-image:url(../reception_02.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;}
#my-video-index{z-index:99;}


.section1 .cen{position: absolute;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); }
.section1 .wez{font-size: 54px;line-height: 54px;color: #fff;z-index:9999;position: absolute;width:100%;text-align:center;}

.side-bin{width:256px;height: 100%;left: 0;position: fixed;background:#fff;transition:all 0.5s ease 0s;    z-index: 9;}
#wrapper {position: absolute;z-index: 1;top: 0px;bottom: 0px;left: 0;width: 259px;overflow: hidden;}
.side-bin .side-cut{width:256px;float:left;background:#fff;}
.side-bin .about-logo{display:block;height:auto;overflow:hidden;width:100%;text-align:center;}
.side-bin .about-logo img{width:100%;}
.side-bin .about-nav{display: block;cursor: pointer;height:auto;margin-top:30px;}
.side-bin .about-nav li{height:52px;margin-bottom:2px;position:relative;}
.side-bin .about-nav li a{display:block;width:100%;height:auto;}
.side-bin .about-nav li p{color:#6e7071;font-size:14px;width:calc(100% - 30px);float:right;margin-top:8px;margin-bottom:0px;transition:all 0.3s ease 0s;}
.side-bin .about-nav li span{color:#808080;font-size:14px;width:calc(100% - 30px);float:right;display:block;transition:all 0.3s ease 0s;}
.side-bin .about-nav li:before{content:"";height:100%;width:0px;position:absolute;top:0;right:0;background:#00c0ff;z-index:-1;transition:all 0.3s ease 0s;}
.side-bin .about-nav li:nth-child(1):after{content:"";height:100%;width:168px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav li:nth-child(2):after{content:"";height:100%;width:134px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav li:nth-child(3):after{content:"";height:100%;width:96px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav li:nth-child(4):after{content:"";height:100%;width:68px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav li:nth-child(5):after{content:"";height:100%;width:47px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav li:nth-child(6):after{content:"";height:100%;width:24px;position:absolute;top:0;right:0;background:#f8f8f8;z-index:-2;}
.side-bin .about-nav .active:before{content:"";height:100%;width:4px;position:absolute;top:0;right:0;background:#00c0ff;z-index:-1;transition:all 0.3s ease 0s;}
.side-bin .about-nav .active span{color:#00c0ff;font-size:14px;width:calc(100% - 30px);float:right;display:block;}
.side-bin .about-nav li:hover:before{width:100%;transition:all 0.3s ease 0s;}
.side-bin .about-nav li:hover p{transition:all 0.3s ease 0s;transform:translateX(3px);color:#00c0ff;}
.side-bin .about-nav li:hover span{transition:all 0.3s ease 0s;transform:translateX(3px);color:#00c0ff;}
.side-bin .social{margin-top:194px;display:block;height:auto;padding-bottom: 36px;margin-left:18px;}
.side-bin .social li{width:22px;height:19px;margin-left:10px;float:left;cursor:pointer;}
.side-bin .social li:nth-child(1){background:url(../icom_03.jpg)no-repeat center center;}
.side-bin .social li:nth-child(2){background:url(../icom_05.jpg)no-repeat center center;}
.side-bin .social li:nth-child(3){background:url(../icom_07.jpg)no-repeat center center;}
.side-bin .side-open{position: absolute;top: 0;left: 100%;width: 32px;height: 32px;    z-index: 1201;background:#000;transition:all 0.3s ease 0s;cursor:pointer;display:none;}
.side-bin:hover .side-open{background:#00c0ff;}




.side-bin .side-open hr{height: 2px;background: #fff;display: block;margin: 0;padding: 0;border: none;position: absolute;border-radius: 1px;transition:all 0.3s ease 0s;}
.side-bin .side-open hr:nth-child(1){width: 12px;top: 7px;right: 8px;}
.side-bin .side-open hr:nth-child(2){width: 16px;top: 14px;right: 8px;opacity: 1;}
.side-bin .side-open hr:nth-child(3){    width: 12px;top: 21px;right: 8px;}
.side-bin:hover .side-open hr:nth-child(1){width: 18px;top: 14px;right: 6px;transform: rotate(45deg);}
.side-bin:hover .side-open hr:nth-child(2){opacity: 0;}
.side-bin:hover .side-open hr:nth-child(3){width: 18px;top: 14px;right: 6px;transform: rotate(-45deg);}
.section2{background-image:url(../about-about_02.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;}
.section2 .xt-about{max-width:1310px;height:auto;overflow:hidden;margin: auto;}
.section3{background-image:url(../grow_02.jpg);background-repeat:no-repeat;background-position: center;background-size: cover;}
.section3 .xt-grow{max-width:1076px;width:90%;margin:auto;height:auto;overflow:hidden;}
.section3 .xt-grow .development{height:auto;position:relative;width:100%;overflow:hidden;}
.section3 .xt-grow .development .title{width:50%;float:left;height:100px;text-transform:Uppercase;font-size:50px;color:#fff;}
.section3 .xt-grow .development .title p{text-align:center;font-size:24px;position:relative;}
.section3 .xt-grow .development .title p:after{content:"";position:absolute;width:40px;height:3px;background:#ffc300;top:34px;left:50%;margin-left:-20px;}
.section3 .xt-grow .development .title p:before{content:"";position:absolute;width:94px;height:1px;background:#d2d3d4;top:35px;left:50%;margin-left:-47px;}
.section3 .xt-grow .development .title span{color:#929291;display:block;text-align:center;font-size:14px;margin-top:22px;}
#wrapper1{max-width:987px;margin:auto;width:90%;height:412px;overflow:hidden;position:relative;margin-top:40px;}
.section3 .xt-grow .grow-news-list{max-width:987px;margin:auto;width:90%;}
.section3 .xt-grow .grow-news-list .arrow-up{width:100%;height:38px;background:url(../arrow-up_04.png)no-repeat center center;}
.active .grow-news-list li:nth-child(2){transform: translateX(0px);opacity:1;}
.grow-news-list li:nth-child(2){transform: translateX(-50px);transition:all 0.7s ease 0s;}
.active .grow-news-list li:nth-child(3){transform: translateX(0px);opacity:1;}
.grow-news-list li:nth-child(3){transform: translateX(50px);transition:all 0.7s ease 1s;}
.active .grow-news-list li:nth-child(4){transform: translateX(0px);opacity:1;}
.grow-news-list li:nth-child(4){transform: translateX(-50px);transition:all 0.7s ease 2s;}
.active .grow-news-list li:nth-child(5){transform: translateX(0px);opacity:1;}
.grow-news-list li:nth-child(5){transform: translateX(50px);transition:all 0.7s ease 3s;}
.active .grow-news-list li:nth-child(2) .edge{opacity:1;}
.grow-news-list li:nth-child(2) .edge{transition:all 0.3s ease 0.7s;}
.active .grow-news-list li:nth-child(3) .edge{opacity:1;}
.grow-news-list li:nth-child(3) .edge{transition:all 0.3s ease 1.5s;}
.active .grow-news-list li:nth-child(4) .edge{opacity:1;}
.grow-news-list li:nth-child(4) .edge{transition:all 0.3s ease 2.5s;}
.active .grow-news-list li:nth-child(5) .edge{opacity:1;}
.grow-news-list li:nth-child(5) .edge{transition:all 0.3s ease 3.5s;}
.grow-news-list li{height:105px;width:100%;opacity:0;transition:all 1s ease 4s;}
.active .grow-news-list li{height:105px;width:100%;opacity:1;}
.section3 .xt-grow .grow-news-list .news-edge a{display:block;background:#fff;width:calc(50% - 76px);padding:11px 19px;position:relative;}
.section3 .xt-grow .grow-news-list .news-edge a p{width:100%;color:#00a0e9;font-size:25px;text-align:left;}
.section3 .xt-grow .grow-news-list .news-edge a span{display:block;width:100%;color:#767676;font-size:12px;text-align:left;text-justify:inter-ideograph;text-align:justify;line-height: 1.4em;height:4.2em;overflow:hidden;}
.active .xt-grow .grow-news-list .news-edge .edge{opacity:1;}
.xt-grow .grow-news-list .news-edge .edge{width:42px;height:105px;position:absolute;top:0;right:-43px;background:url(../edge_05.png)no-repeat center center;opacity:0;}
.section3 .xt-grow .grow-news-list .news-edge .right{float:right;background:#f0f6f9;position:relative;}
.section3 .xt-grow .grow-news-list .news-edge .right .edge{background:url(../edge_09.png)no-repeat center center;left:-43px;}
.section3 .xt-grow .grow-video{width:50%;float:right;width: 394px;height: 226px;border:1px solid #d0d2d4;box-shadow:1px 1px 7px #d0d2d4;margin-right: 9%;}



 @media only screen and (max-width: 1080px) {
.section3{background-image: url(../grow_03.jpg);}
.grow-video{display:none;}
.section3 .xt-grow .development .title{width:100%;}
.section3 .xt-grow .grow-news-list .news-edge a p{font-size: 18px;}
}

@media only screen and (max-width: 790px) {
.section3 .xt-grow .development .title{font-size:28px;}
.section3 .xt-grow .development .title p{font-size:18px;}
.section3{background-image: url(../grow_04.jpg);}
.grow-video{display:none;}
.section3 .xt-grow .development .title{width:100%;}
.section3 .xt-grow .grow-news-list .news-edge a p{font-size: 18px;}

#grow-news-list-left{width: calc(100% - 76px) !important;}
#grow-news-list-right{width: calc(100% - 76px) !important;}
.section3 .xt-grow .grow-news-list .arrow-up{background: url(../arrow-up_04.png)no-repeat center right;}
.xt-grow .grow-news-list .news-edge .edge{right: -32px;}
.section3 .xt-grow .grow-news-list .news-edge .right{float:left;}
.section3 .xt-grow .grow-news-list .news-edge .right .edge{left: calc(100% + 23px);}

}













/* 我们 */
.abbox{width: 100%; }
.padding-box{padding: 0 14px; position: relative;}
.title-box{padding: 14px 0 38px 0; max-width: 1310px; margin: 0 auto;  position: relative; overflow: hidden;}
.title-name{float: left;   line-height: 1.5;}
.title-name strong{ color: #363737; font-size: 22px;}
.title-name span{font-size: 14px; color: #808080; display: block;}
.title-name:hover strong, .title-name:hover span{    transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px);}
.case-ctrl{position: relative; float: right; margin-top: 10px;}
.case-box{max-width: 100%; width: 100%; margin: 0 auto; padding-bottom: 14px;position: relative;overflow: hidden;}
.ctrl-box span{    width: 48px;  height: 48px;  line-height: 48px;  font-size: 24px;  background: #f8f8f8;  float: left;  text-align: center;  cursor: pointer;  transition: .3s;  position: relative;}
.ctrl-box span.ctrl-left:before{ right: 0;   left: auto;}
.ctrl-box span:before{    width: 0;  height: 100%;  position: absolute; left: 0; top: 0; background: #00c0ff;   content: '';  transition: .3s; -ms-transition: .3s;  -moz-transition: .3s; -webkit-transition: .3s;  -o-transition: .3s;}
.firpic{width: 100%; display: block; position: relative; vertical-align: middle;}
.firs-swiper{position: relative;}
.firs-swiper a{display: block; width: 100%; position: relative;}

.swiper-slide img{transition: all 0.35s ease 0s;}
.swiplist {background: #FFFFFF;}
.swiplist :hover img{-webkit-transform: scale(1.1);  -o-transform: scale(1.1);     -ms-transform: scale(1.1); -moz-transform: scale(1.1);    transform: scale(1.1);}
.mess{ width: 94%; padding: 4% 3%; background: rgba(255,255,255,1); text-align: left; transition: all 0.3s ease 0s; margin-bottom: 0; position: relative; }
.mess:before{content: ""; -webkit-box-sizing: border-box; transition: all 0.3s ease 0s; -moz-box-sizing: border-box; box-sizing: border-box;     border-color: transparent transparent #fff transparent; border-width: 0px 14px 18px 14px;     border-style: solid;    margin: 0 0 0 -14px;left: calc(50% - 7px);    z-index: 2;    top: -16px;    position: absolute;}
.mess dt{font-size: 14px; color: #00c0ff;font-weight:normal; margin-bottom: 4px;}
.mess span{font-size: 14px; color: #7b7b7b; padding: 5px 0;display: block;margin-bottom:2px;}
.mess p{font-size: 12px; color: #7b7b7b; line-height: 20px;text-justify:inter-ideograph;text-align:justify;min-height:60px; }
.swiper-slide a>span{display: block; width: 100%;  position: relative; overflow: hidden;}
.swiper-slide a>span:first-child:before{content: ''; position: absolute; bottom: 0;left: 50%;    z-index: 2;     margin-left: -14px;    border-style: solid;  border-width: 0px 14px 18px 14px;  border-color: transparent transparent #f5f9fa transparent; transition: .35s ease-in-out; -moz-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out; -o-transition: .35s ease-in-out;  -webkit-transition: .35s ease-in-out;}
.swiper-slide a>span:last-child:before{content: ''; position: absolute; top: 0; left: 50%; z-index: 2; margin-left: -14px; border-style: solid; border-width: 18px 14px 0px 14px; border-color: #f5f9fa transparent transparent transparent; -webkit-transition: .35s ease-in-out;     transition: .35s ease-in-out;-moz-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; -ms-transition: .35s ease-in-out;}
.swiper-slide:hover a>span:first-child:before{ border-color: #fff transparent;}
.swiper-slide:hover a>span:last-child:before{ border-color: #fff transparent;}
.swiper-slide a>span img{display: block; width: 100%; opacity: 1; }
.font-tit{width: calc(100% - 40px); padding: 3% 20px;background:#f5f9fa;transition:all 0.3s ease 0s;}
.swiper-slide:hover .font-tit{background:#fff;transition:all 0.3s ease 0s;}
.font-tit span{font-size: 14px; color: #00c0ff;display:block;margin-top: 8px;text-align: left;}
.font-tit p{font-size: 12px; color: #7b7b7b;text-justify:inter-ideograph;text-align:justify; }
.closebox{width: 100%; position: relative;}
.closemenu{width: 50px; height: 50px; background: #007AFF; position: absolute; top: 0; right: -50px; z-index: 9999;}
.swipbox .swiper-slide:nth-child(odd) span:first-child font{display: block;}
.swipbox .swiper-slide:nth-child(odd) span:first-child img{display: none;}
.swipbox .swiper-slide:nth-child(odd) span:last-child font{display: none;}
.swipbox .swiper-slide:nth-child(odd) span:last-child img{display: block;}
.swipbox .swiper-slide:nth-child(even) span:first-child font{display: none;}
.swipbox .swiper-slide:nth-child(even) span:first-child img{display: block;}
.swipbox .swiper-slide:nth-child(even) span:last-child font{display: block;}
.swipbox .swiper-slide:nth-child(even) span:last-child img{display: none;}
.swiper-container ,.swiper-containers{width: 100%;height: 100%;overflow: hidden;}
.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiplist:nth-child(1) {width: 40%;}
.swiplist {width: 20%;}



/* 任务 */
.personbg{width: 100%; height: 100vh; background-size: cover !important; position: relative;}
.perbut{width: 58px; height: 58px; text-align: center; opacity: .7;  position: absolute; bottom: 27%; left: calc(50% - 28px); border-radius: 50%;}

.perbut img{padding-top: 16px;width: 25px;}
.pbutbg1{background: #e3a217;}
.pbutbg2{background: #e95e4b;}
.pbutbg3{background: #46cf98;}
.pbutbg4{background: #e3a217;}
.pbutbg5{background: #e95e4b;}
.pbutbg6{background: #46cf98;}
.pbutbg7{background: #e3a217;}
.pbutbg8{background: #e95e4b;}
.pbutbg9{background: #46cf98;}
.prosize{width: 100%; position: absolute; text-align: center; top: 50%; color: #FFFFFF;}
.prosize span{color: #FFFFFF;}
.permess{width: 96%; padding: 5% 2%; height: 100%; background: #FFFFFF; transition: all 0.3s ease 0s; position: absolute; top: 120%; left: 0;}
.personbg:hover .permess{top: 0;}
.manbox{width: 100%; height: 36.42%; overflow: hidden; overflow: hidden;}
.manbox img{width: 100%; display: block; vertical-align: middle;}
.perbor{width: 90%; text-align: left;margin:auto;margin-top: 8%; border-bottom: 1px #e8e8e8 solid; padding-bottom: 12px;}
.perbor img{vertical-align: sub;}
.manname{color: #0f0d11; font-size: 22px;}
.job{font-size: 14px; color: #4d80e7;}
.perinformation{width: 90%; padding: 25px 2%;margin:auto;}
.tal{padding: 5px 5px; border-radius: 14px; margin-right: 10px; text-align: center; background: #e5e5e5; font-size: 14px; color: #333949; display: inline-block;}
.perinformation ul li{text-align: left; font-size: 12px; color: #747575; margin-bottom: 12px;}
.infmomess{width: 100%; font-size: 14px; color: #747575; padding: 10px 0;}
.manbox img{transition: all 0.5s ease 0s;}
.manbox img:hover{transform: scale(1.05);}
.uspertit{width: 92%; margin: 0 auto; display: none;}

/* 风采 */
.fourbg{width: 100%; height: 100%; background: url(../fourbg_02.png)no-repeat center; background-size:cover ;}
.fourtop{width: 96%; margin: 0 auto; height: auto; overflow: hidden; padding-top: 15px;}
.fourtop>*{float: left;}
.serbox{width: 32px; height: 32px; cursor: pointer; position: relative;}
.serbox img{width: 100%; display: block;}
.fclist li{float: left; text-align: center; margin-left: 20px; padding: 0 5px; height: 32px; background: #FFFFFF; text-align: center; line-height: 32px;}
.fclist li a{display: block; font-size: 14px; color: #363833;}
.fclsec{background: #00c0ff !important; }
.fclsec a{color: #FFFFFF!important;}
.fcbox{width: 68.02%; margin: 0 auto; height: 88.84%;}
.vasill{display: none !important;}
.vasill:first-child{display: block !important;}
.vlsf:nth-child(1){display: block !important;}
.vlsf{display: none !important;}
.swiper-containerf,.swiper-containeru{height: 100%; overflow: hidden;}
.fcvlist{height: 100%;}
.fcvlist li{width: calc(100% - 3px ); max-width:900px; transition: all 0.3s ease 0s; height:auto; overflow: hidden; margin-bottom: 20px; background: #FFFFFF; border: 1px #edeced solid; }
.fcvlist li:hover{box-shadow: 3px 3px 10px #ccc;}
.fcvlist li:nth-child(odd)>div{float: left;}
.fcvlist li:nth-child(even)>div{float: right;}
.fcpic{width: 35.47%; height: 100%; overflow: hidden;}
.fcpic img{width: 100%; display: block;}
.fcmess {width: calc(64.53% - 8%); position: relative;   height: calc(100% - 20px); padding: 10px 4%; text-align: left;}
.fcmess span a{text-decoration: none; font-size: 14px; color: #858686;}
.fcmess>span{font-size: 12px; color: #858686; margin-right: 5px;}
.fcmess >span span{color: #f65c5c;}
.fcmess span img{vertical-align: baseline; margin-right: 8px;}
.fctit{font-size: 16px; color: #00c0ff; margin: 5px 0;}
.fcmess p{line-height: 20px;max-height:40px; font-size: 12px; color: #767676;margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.ydfck{width: 127px; height: 36px; line-height: 36px;  text-align: center; display: block; color: #FFFFFF; background: #00b7ee; position:relative;transition:all 0.3s ease 0s;}
.ydfck b{color: #FFFFFF;font-weight:normal;width:100%;height:100%;position:absolute;top:0;left:0; line-height: 36px;  text-align: center; z-index:2; }
.ydfck:before{position:absolute;z-index:1;width:0%;height:100%;background:#fff;content:"";left:0;top:0;background:#2ac7f6;transition:all 0.3s ease 0s;}
.ydfck:hover:before{width:100%;transition:all 0.3s ease 0s;}
/*.swiper-containerf .swiper-button-next ,.swiper-button-prev{display: none; background: #00c0ff; background-image: none !important; top: 30px !important;width: 32px;height: 27px;}
.swiper-containerf .swiper-button-prev{right: 40px !important; left: auto !important;}*/
@media only screen and (max-width: 1920px) and (min-width: 460px){
#section4 .swiper-button-next ,.swiper-button-prev{width: 32px;height: 27px;}
#section4 .swiper-button-next {left: 40px;right: auto;width: 32px;height: 27px;display: block;}
#section4 .swiper-button-prev {left: 10px !important; right: auto !important;width: 32px;height: 27px;display: block;}
}

.arrow-right { width:0;  height:0; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #FFFFFF; position: relative; left: calc(50% - 4px); top: calc(50% - 8px);}
.arrow-left { width:0;  height:0; border-top:8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #FFFFFF; position: relative; left: calc(50% - 4px); top: calc(50% - 8px);}
.swiper-button-disabled{background: #f8f8f8; opacity: 1 !important;}
.abus{top: 8% !important;}
.per{top: 10% !important;}
.alser{position: absolute; z-index: 9999; top: 15px; left: -300px; transition: all 0.3s ease 0s;opacity:0;}
.alser>*{float: left;}
.sertext{width: 200px; height: 22px; padding: 5px; font-size: 14px; color: #666666; border: 1px #CDCDCD solid; border-radius: 5px; display: inline-block;}
.sersub{height: 34px; width: 32px; display: none; background: url(../serch_03.png) no-repeat center;}
@media (min-width: 1440px){
	.padding-box { padding: 0 38px;}
	.cake_img_g .flo_int{  line-height: 1.75em;}
}
@media (min-width: 768px){
	.padding-box { padding: 0 28px;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.section2 .xt-about{width: 100%;}
	.font-tit p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
}
@media only screen and (max-width: 768px) and (min-width: 460px) {
	.section2 .xt-about{width: 100%;}
	.font-tit p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
	.swiplist:nth-child(1) {width: 100% !important;}
	.swiplist{width: 50% !important;}
	.font-tit p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
	.abus{display: block; margin-right: 3%;}
	.permess{display: none;}
	.fcbox{width: calc(96% );}
	.firfc li{display: none;}
	.firfc li:first-child{display: block;}
	.vlsf{display: block !important;}
	.fcvlist{padding: 10% 0; height: 80%;}
	.fclist li{margin-left: 3px;}
	.fcvlist li{border: 0;}
	.fcvlist li>div{float: none; width: calc(100% - 4%); padding: 2%;}
	.ydfck{margin: 0 auto;}
}
@media only screen and (max-width: 460px) and (min-width: 320px) {
	.uspertit{display: block;}
	.user-box{padding-bottom: 2%;}
	.section2 .xt-about{width: 100%;}
	.swiplist:nth-child(1) {width: 100% !important;}
	.swiplist{width: 50% !important;}
	.font-tit p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
	.swiper-containers{height: 80% !important; width: 92% !important; margin: 0 auto;}
	.permess{display: none;}
	.fcbox{width: calc(96% );}
	.firfc li{display: none;}
	.firfc li:first-child{display: block;}
	.vlsf{display: block !important;}
	.fcvlist{padding: 10% 0; height: 80%;}
	.fclist li{margin-left: 3px;}
	.fcvlist li{border: 0;}
	.fcvlist li>div{float: none; width: calc(100% - 4%); padding: 2%;}
	.swiper-button-next ,.swiper-button-prev{display: block;}
}

#scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
 @media only screen and (max-width: 1420px) {
.side-bin{left: -256px;z-index:9;}
.hover .side-bin{left:0;}
#dowebok{width:100%;float:none;}
.side-bin .side-open{display:block;}
 }
 
 
 
 
 
  /* 招聘 */
.job{background:#f1f4f5;width:100%;height:auto;overflow:hidden;}
.job .job_con{background:#fff;max-width:920px;margin:auto;width:95%;height:auto;overflow:hidden;margin-top:173px;margin-bottom:70px;padding:41px 90px;}
.job .job_con .left{float:left;width:323px;}
.job .job_con .right{float:right;width:calc(100% - 350px);}
.job .job_con .right .title{text-align:center;margin-top:17px;color:#606161;font-size:20px;position:relative;}
.job .job_con .right .title:before{position:absolute;width:36px;height:2px;content:"";background:#f6bb19;left:50%;margin-left:-18px;top: 34px;}
.job .job_con .right .lisk{width:100%;height:auto;overflow:hidden;font-size:14px;color:#606161;margin-top:33px;}
.job .job_con .right .lisk span{font-size:14px;color:#606161;width:80px;display:block;float:left;height:42px;line-height:42px;text-align:right;}
.job .job_con .right .lisk select{border:1px solid #bfbfbf;border-radius:5px;width:142px;height:42px;text-align:center;float:left;}
.job .job_con .right .lisk input{ padding:5px;border:1px solid #bfbfbf;border-radius:5px;width:calc(100% - 105px);height:32px;float:left;}
.job .job_con .right .lisk textarea{padding:5px;border:1px solid #bfbfbf;border-radius:5px;width:calc(100% - 105px);height:110px;float:left;}
.job .job_con .right .lisk .sub{float:right;width:142px;height:42px;color:#fff;background:#fec002;border:1px solid #fec002;margin-right: 14px;}
@media only screen and (max-width: 920px) {
.job .job_con{width:calc(95% - 180px);margin-top: 73px;margin-bottom: 23px;}
.job .job_con .left{display:none;}
.job .job_con .right{width:100%;}
}
 
@media only screen and (max-width: 640px) {
.case-obx .case_list li{margin-right: 0px;width:49%;margin:0.5%}
.case_form{width:calc(100% - 2px);}
.case-obx{margin: 53px auto 10px;}
.major{font-size:18px;}
.cus{font-size:16px;width: 100px;height: 30px;line-height:30px;}
.process-list li h4{font-size:16px;}
.process-list li:nth-child(3){margin-top:-1px;}
.process-list li:nth-child(4){margin-top:-1px;}
.process-list li:nth-child(5){margin-top:-1px;}
.process-list li:nth-child(6){margin-top:-1px;}
.process-list li:nth-child(7){margin-top:-1px;border-bottom:none;}
.process-list li:nth-child(8){margin-top:-1px;border-bottom:none;}
.process-list li{height:180px;}
.process-a{margin-top:39px;}
.experience-list li p{font-size:12px;color: #666;}
.experience-list li img{height: 20%;}
.experience-list li{height: 200px;}
.experience-list li:nth-child(2) p {margin-top: 38px;}
.experience-list{margin-top:35px;}
.build-title img{width:90%;}
.experience{margin-top:35px;padding-top:0px;}
.solutions{display:none;}
.blogroll li:nth-child(9){display:none;}
.establish .establish-more{bottom:11px;}
.job .job_con{width:95%;padding:0 0px 10px;}
.conter .tl{height: 77px; line-height:1.8em;padding-top: 10px;}
.xt-blocks li{margin: 2px;width: calc(50% - 20px);}
.xt-blocks .widget .widget-header{height:150px;margin: 0 0px;}

.xt-blocks .widget .widget-title a{font-size: 14px;}
.presonbox{overflow-x: scroll;}
.presonbox img{height: 460px;width:auto;}

.news_right .news_rec_list li{padding-top: 10px;padding-bottom: 10px;}
.news_right .news_rec_list .rec_title{margin-top: 5px;}
}
 
 
 @media only screen and (max-width: 1920px) and (min-width: 1441px) {
 .header .top .top_logo{left: 12%;}
 .header .top .tel_box{right: 12%;}
 }
 
@media only screen and (max-width: 320px) {
.conter .tl {
    height: 77px;
    line-height: 1.8em;
    padding-top: 10px;
	font-size: 16px;
}
}
 
  /*================================案例引导================================================*/
.guide{margin-top: 103px;height:auto;overflow:hidden;width:100%;}
.guide .met-pinghei{color: #314769; font-weight: 400; line-height: 1.2;font-size: 40px;text-align:center; }
.guide .met-des{ color: #828c9c;font-size: 16px;text-align:center;line-height:1.5em;margin-top:30px;letter-spacing:3px;}
.guide .met-des span{ display:block;color:#b1b4b8;font-size:12px;margin-top:20px;letter-spacing:2px;}
.guide .xt-demo{display:table;margin:auto;overflow:hidden;height:auto;margin-top:30px;}
.guide .xt-demo li{overflow:hidden;height:auto;float:left;}
.guide .xt-demo li a{display:block;width:150px;height:46px;transition: all 0.3s ease 0s;position:relative;}
.guide .xt-demo li span{width:150px;height:46px;text-align:center;line-height:46px;color:#fff;font-size:18px;display:block;position:absolute;z-index:2;}
.guide .xt-demo li:nth-child(1){margin-right:24px;background:#00b7ee;}
.guide .xt-demo li:nth-child(2){background:#fcad02;}
.xt-responsive{width:100%;height:auto;margin:38px auto auto;overflow:hidden;position:relative;}
.xt-responsive:before{background:#ebebed;height:19px;width:100%;position:absolute;bottom:0;left:0;content: "";z-index:-1;}
.xt-res-img{max-width:1007px;margin:auto;width:95%;margin:auto;}
.xt-res-img img{width:100%;height:auto;overflow:hidden;}
.customized{padding-bottom:90px;padding-top:90px;background-image:url(../customized_02.jpg);background-repeat:no-repeat;background-position: center center;background-color:#eeeef0;width:100%;height:auto;overflow:hidden;}
.customized .left{width:48%;float:left;position:relative;}
.customized .left .customized1{position:absolute;right:138px;z-index:1;}
.customized .left .customized2{position:absolute;right:0;z-index:2;top:97px;}

.customized .right{width:50%;float:right;height:auto;overflow:hidden;}
.customized .right .title{text-align:center;font-size:32px;color:#343434;width:616px;}
.customized .right .subtitle{text-align:center;font-size:16px;color:#7c8488;width:616px;line-height:1.75em;margin-top:15px;}
.customized .right .xt-cus{display:table;width:616px;height:auto;overflow:hidden;margin-top:40px;}
.customized .right .xt-cus li{float:left;width:308px;height:auto;overflow:hidden;text-align:center;margin-top:10px;}
.customized .right .xt-cus li:nth-child(3){margin-top:20px;}
.customized .right .xt-cus li:nth-child(4){margin-top:20px;}
.customized .right .xt-cus li h4{font-weight:700;font-size:18px;color:#4f4d4d;}
.customized .right .xt-cus li p{font-size:14px;color:#7f7d7d;line-height:1.5em;}

.process1{width:100%;height:auto;overflow:hidden;padding-top:84px;padding-top:70px;}
.process1 .title{text-align:center;color:#314769;font-size:32px;}
.process1 .subtitle{text-align:center;color:#828c9c;font-size:16px;margin-top:30px;}
.process1 .process-list1 .link{width:1190px;height:48px;background:url(../xian_03.jpg) repeat-x;margin:auto;margin-top:69px;}
.process1 .process-list1 .list{width:1112px;display:table;margin:auto;height:auto;margin-top:46px;margin-bottom:64px;}
.process1 .process-list1 .list li{width:250px;float:left;margin-left:26px;position:relative;}
.process1 .process-list1 .list .dou{width:30px;height:38px;position:absolute;left:50%;margin-left:-14px;}
.process1 .process-list1 .list li:nth-child(1) .dou{background:url(../dou_06.png)no-repeat center center;top: -120px;}
.process1 .process-list1 .list li:nth-child(2) .dou{background:url(../dou_03.png)no-repeat center center;top: -137px;}
.process1 .process-list1 .list li:nth-child(3) .dou{background:url(../dou_09.png)no-repeat center center;top: -120px;}
.process1 .process-list1 .list li:nth-child(4) .dou{background:url(../dou_11.png)no-repeat center center;top: -120px;}
.process1 .process-list1 .list .yuan{width:14px;height:14px;position:absolute;left:50%;margin-left:-7px;background:url(../yuan_03.png)no-repeat center center;}
.process1 .process-list1 .list li:nth-child(1) .yuan{top: -81px;margin-left:-6px;}
.process1 .process-list1 .list li:nth-child(2) .yuan{top: -98px;}
.process1 .process-list1 .list li:nth-child(3) .yuan{top: -80px;}
.process1 .process-list1 .list li:nth-child(4) .yuan{top: -80px;}
.process1 .process-list1 .list .lin{width:1px;background:#b3c0d4;position:absolute;left:50%;margin-left: -1px;}

	
.heart{text-align:center;color:#64758f;font-size:24px;}
.heart-a{width:150px;height:46px;text-align:center;line-height:46px;color:#fff;background:#00b7ee;display:block;margin:auto;font-size:18px;margin-top:20px;margin-bottom:70px;position:relative;}
.heart-a:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;z-index:1;background:#39c9f5;transition:all 0.3s ease 0s;}
.heart-a:hover:before{width:100%;transition:all 0.3s ease 0s;}
.heart-a b{font-weight:normal;font-size:18px;color:#fff;height:100%;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:46px;z-index:2;}

.aft-box{width:100%;background-image:url(../f9AFOhjG3H.jpg);background-repeat:no-repeat;background-position: center center;height:auto;overflow:hidden;background-attachment:fixed;}
.aft{background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50);width:100%;height:auto;overflow:hidden;padding-top:108px;padding-bottom:76px; }
.aft .title{font-size:40px;color:#314769;text-align:center;}
.aft .subtitle{font-size:18px;color:#828c9c;text-align:center;margin-top:35px;}

.service{display:block;font-weight:300;margin:70px auto auto;max-width:1110px;}
.service li{float:left;width:33.333333%;text-align:center;}
.service li p{color:#314769;font-size:14px;margin-top:40px;line-height:1.75em;}
 
.show_cake{width:95%;max-width:1000px;margin:auto;margin-top:20px;margin-bottom:20px;}
.show_cake p{margin:0px;}
.show_cake img{max-width:100%;}
 .vibg{ display:none;}
 
 
 
 @media only screen and (max-width: 1025px) {
.customized{padding-top: 30px;padding-bottom: 40px;}
.customized .right{width:100% !important;}
.customized .left{display:none;}
.customized .right .title{margin:auto;width: 100% !important;font-size:24px;}
.customized .right .subtitle{margin:auto;width: 100% !important;font-size:14px;}
.customized .right .xt-cus{margin:auto;width: 100% !important;}
.customized .right .xt-cus li{width:45%;margin: 2.5%;}
.customized .right .xt-cus li h4{font-size:16px;}
.customized .right .xt-cus li p{font-size:12px;}
.process1{padding-top: 30px;}
.process1 .title{font-size:24px;margin-top:0px;margin-bottom:0px;}
.process1 .subtitle{margin-top:5px;}
.process1 .process-list1 .list{width: 100%;margin-top: 16px;margin-bottom: 14px;}
.process1 .process-list1 .list li{text-align: center;width: 45%;margin:2.5%;}
.process1 .process-list1 .list li img{max-width:100%;}
.process1 .process-list1 .link{display:none;}
.process1 .process-list1 .list .dou{display:none;}
.process1 .process-list1 .list .yuan{display:none;}
.heart{font-size: 20px;}
.heart-a{width: 124px;height: 34px;line-height: 34px;font-size: 14px;}
.heart-a b{line-height: 34px;font-size: 14px;}
}




.foot_sevr{width:160px;height:544px;position:fixed;right:25px;top:50%;margin-top:-280px;z-index:9999;}
.foot_sevr .opp{width:26px;height:26px;background:url(../kf_03.png)no-repeat center center;margin-top:5px;float:right;margin-right:10px;cursor:pointer;opacity:1;}
.foot_sevr .kc{width:100%;height:auto;overflow:hidden;text-align:center;float: left;transition:all 0.3s ease 0s;}
.foot_sevr .kf1{margin-top:17px;}
.foot_sevr .top{display:block;height:50px;height:55px;float:right;margin-right:10px;margin-top:20px; z-index:99999}
.foot_sevr.acti .opp{transition:all 0.3s ease 0s;opacity:0;}
.foot_sevr.acti .kf1{transition:all 0.3s ease 0.05s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf2{transition:all 0.3s ease 0.1s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf3{transition:all 0.3s ease 0.15s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf4{transition:all 0.3s ease 0.2s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf5{transition:all 0.3s ease 0.25s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf6{transition:all 0.3s ease 0.3s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf7{transition:all 0.3s ease 0.35s;opacity:0;transform:translateX(20px);}
.foot_sevr.acti .kf8{transition:all 0.3s ease 0.4s;opacity:0;transform:translateX(20px);}
.bg_piaofu{position:absolute;left:0;top:50%;margin-top:-76px;left: 185px;opacity:0;transition:all 0.3s ease 0s;cursor:pointer;}
.acti .bg_piaofu{left: 100px;opacity:1;transition:all 0.3s ease 0.4s;}



.boot{height:66px;width:40px;position:fixed;right:0;bottom:0;z-index:9999;}
.on{background:url(../bo_04.jpg)no-repeat center center;}
.on.op{background:url(../bo_05.jpg)no-repeat center center;}
.not{position:relative;}
.not_t{height:66px;width:40px;position:absolute;z-index:999;background:url(../bo_04.jpg)no-repeat center center;}
.op .not_t{background:url(../bo_05.jpg)no-repeat center center;}
.not_b{position:absolute;width:810px;left:-810px;transition:all 0.5s ease 0s;opacity:1;z-index:-1;}
.not_b a{float:left;display:block;}
.op .not_b{left:40px;opacity:0;transition:all 0.5s ease 0s;}

@media only screen and (max-width: 1920px) {
.banner-left{top: 53%;}
.banner-right{top: 53%;}
}
@media only screen and (max-width: 1200px) {
.foot_sevr{display:none;}
.boot{display:none;}
}
@media only screen and (max-width: 1024px) {
.job_box .job .job_left .key_list li a {font-size: 12px;}
.sj-banner{ height:680px}
.conter .cake .cake_logo li {width: calc(19.8% - 3px);}
.solutions-list{ width:90%;margin:auto;margin-top: 25px;}
.solutions-list li{ width:14%;text-align:center;}
.solutions-list img{ width:80%; }
.blogroll {
    width: 615px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 257px;
    left: 39%;
    margin-left: 5px;
}
.establish .circular {
    position: absolute;
    height: 375px;
    width: 511px;
    top: 180px;
    left: 50%;
    margin-left: -657px;
}
.up{ width:100%; overflow:hidden;}
.down{ width:100%; overflow:hidden;}
.job .job_con .left{display:none;}
.job .job_con{    margin-top: 74px;}
.process-list li h4{ font-size:22px;}
}
@media only screen and (max-width: 768px) {
.deal {
    width: 100%;
    overflow: hidden;
    height: 618px;
    background: url(../deal_02.jpg)no-repeat -100px center;
    padding-top: 50px;
	background-size: 886%;
}
.establish .circular {
    margin-left: -520px;
}
.sj-banner{ height:680px}
.blogroll {
    width: 615px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 257px;
    left: 46%;
    margin-left: 5px;
}
.process-list li h4{ font-size:16px;}
.pla-title:after{top: 56px;}
}
@media only screen and (max-width: 640px) {
.sj-banner{ height:420px}
.establish .circular{ display:none;}
.up{ width:100%; overflow:hidden;}
.down{ width:100%; overflow:hidden;}
.side-bin .about-logo img{ width:80%;}
.side-bin .about-nav{ margin-top:0px}
.side-bin .about-nav li:hover p{color:#6e7071}
.side-bin .about-nav li:hover span{    color: #00c0ff;}
.section1 .wez{ width:60%; left:50%; margin-left:-30%;line-height: 84px;}
#my-video-index{ display:none;}
.vibg{ display:block;}
	.conter .cake .cake_logo li{width: calc(33.3% - 4px);}
	.conter .ind_about .txt p{ text-align:justify; width:96%; margin:auto; text-indent:2em; margin-bottom:5px;}
	.sys-title:after{    top: 41px;}
	.pla-title:after{top: 37px;}
}
@media only screen and (max-width: 320px) {
 
	.sys-title:after{    top: 35px;}
	.pla-title:after{top: 32px;}
}


/*================================小程序专题页================================================*/
.xcx_banner{width:100%;height:870px;display:block;background-repeat:no-repeat;background-position: center;background-size:cover;}
#xcxbanner2 {width: 100%;height: 874px;margin: auto;}
#xcxbanner2 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}








.xcx_opportunity{width:100%;background:url(../xcx_opportunity.jpg)no-repeat center bottom;margin-top:100px;padding-bottom:110px;}
.xcx_opportunity .title{color:#333333;font-size:48px;text-align:center;font-weight:normal;letter-spacing:1px;}
.xcx_opportunity .title img{max-width:100%;width:60%;max-width:306px;}
.xcx_opportunity .subtitle{color:#686868;font-size:16px;text-align:center;font-weight:normal;letter-spacing:5px;margin-top:10px;}
.xcx_opportunity .opportunity_list{width:90%;margin:auto;height:auto;overflow:hidden;max-width:1066px;margin-top:20px;}
.xcx_opportunity .opportunity_list li{width:30%;float:left;text-align:center;margin-right:5%;margin-top:50px;}
.xcx_opportunity .opportunity_list li:nth-child(3n+0){margin-right:0%;}
.xcx_opportunity .opportunity_list li img{max-width:100%;}
.xcx_opportunity .opportunity_list .lititle{color:#00b7ee;font-size:18px;margin-top:12px;margin-bottom:15px;}
.xcx_opportunity .opportunity_list .lisubtitle{color:#555555;font-size:14px;}

.xcx_demand{width:100%;background:url(../xcx_demand.jpg)no-repeat center;height:auto;overflow:hidden;}
.xcx_demand .dtitle{width:80%;max-width:382px;margin:auto;margin-top:115px;}
.xcx_demand .dtitle img{max-width:100%;}

#demand {width: 90%;height: 100%;max-width:1200px;position: relative;margin: auto;margin-top:75px;margin-bottom:120px;}
#demand .swiper-slide {text-align: center;font-size: 18px;width: 400px;max-width:80%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background:url(../dtitle_06.jpg)no-repeat center;transition:all 0.3s ease 0s;height:600px;}
#demand .swiper-slide:nth-child(1){background:url(../dtitle_04.jpg)no-repeat center;}
#demand .swiper-slide:nth-child(3){background:url(../dtitle_07.jpg)no-repeat center;}
#demand .swiper-slide:nth-child(4){background:url(../dtitle_08.jpg)no-repeat center;}
#demand .swiper-slide:nth-child(5){background:url(../dtitle_09.jpg)no-repeat center;}
#demand .swiper-slide:nth-child(6){background:url(../dtitle_10.jpg)no-repeat center;}
#demand .swiper-slide.main {background:url(../dtitle_05.jpg)no-repeat center;transition:all 0.3s ease 0s;}
#demand .swiper-slide:hover{background:url(../dtitle_05.jpg)no-repeat center;transition:all 0.3s ease 0s;}
#demand .swiper-slide:hover{background:url(../dtitle_05.jpg)no-repeat center;transition:all 0.3s ease 0s;}
#demand .swiper-slide .txtbox{width:320px;max-width:80%;height:480px;background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70);position:relative; }
#demand .swiper-slide .txtbox .demandtitle{width:256px;max-width:80%;color:#333333;font-size:24px;text-align:center;margin:auto;margin-top:58px;}
#demand .swiper-slide .txtbox .demandsubtitle{width:256px;max-width:80%;color:#555555;font-size:16px;text-align:left;margin:auto;margin-top:35px;line-height:2em;}
#demand .swiper-slide .txtbox .demanda{display:block;width:200px;max-width:80%;height:56px;position:absolute;background-image: linear-gradient(45deg, #308ee5 0%, #01b6ee 100%);bottom:-8px;left:50%;margin-left:-100px;border-radius:28px;color:#fff;font-size:16px;text-align:center;line-height:56px;}
.out_container{width: 1293px;max-width:95%;margin: auto;position: relative;}
.swiper_btn{width: 20px;height: 20px;background-size: contain;}
#demand .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(../xcxzyjt_05.png);}
#demand .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(../xcxzyjt_03.png);}

.xcxcase{width:100%;height:auto;overflow:hidden;background:url(../xcxcase_02.jpg)no-repeat center;background-size:cover;}
.xcxcase .xcxcasetitle{width:90%;max-width:429px;margin:auto;overflow:hidden;margin-top:115px;}
.xcxcase .xcxcasetitle img{max-width:100%;}

.xcxcb{width:90%;margin:auto;overflow:hidden;max-width:1200px;margin-top:20px;margin-bottom:120px;}
.xcxcb .xcb-left{width:280px;border-right:1px solid #fff;float:left;height:auto;overflow:hidden;padding-top:20px;padding-bottom:20px;position:relative;}
.xcxcb .xcb-left li{width:230px;height:60px;background-image:url(../xcxlb_06.jpg);background-repeat:no-repeat;background-position:bottom;color:#161616;font-size:18px;line-height:60px;text-indent:90px;cursor:pointer;}
.xcxcb .xcb-left li:nth-child(1){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../movie-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(1){background:url(../movie-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(2){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../bread-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(2){background:url(../bread-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(3){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../milkytea-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(3){background:url(../milkytea-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(4){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../sofa-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(4){background:url(../sofa-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(5){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../tradearea-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(5){background:url(../tradearea-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(6){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../computer-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(6){background:url(../computer-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(7){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../market-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(7){background:url(../market-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}
.xcxcb .xcb-left li:nth-child(8){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../other-02.png)no-repeat center left 45px;}
.xcxcb .xcb-left li.action:nth-child(8){background:url(../other-01.png)no-repeat center left 45px,url(../linear-gradient_03.jpg)no-repeat bottom;}

















.xcxcb .xcb-left .action{background:url(../linear-gradient_03.jpg)no-repeat center;color:#ffffff;}
.xcxcb .x-r-box{width:calc(100% - 282px);position:relative;height: auto;overflow: hidden;}
.xcxcb .xcb-right{width:100%;float:left;height:auto;overflow:hidden;padding-top:20px;position:absolute;z-index: 0;opacity: 0;visibility: hidden;transition: all 0.3s ease 0s;transform: translateX(30px);}
.xcxcb .xcb-right.act{position:relative;z-index: 1;opacity: 1;visibility: visible;transition: all 0.3s ease 0.3s;transform: translateX(0px);}
.xcxcb .xcb-right .rigtotle{width:calc(100% - 100px);margin-left:50px;color:#333333;font-size:28px;}
.xcxcb .xcb-right .rigtotle a{display:block;height:34px;width:158px;border:1px solid #7d7d7d;float:right;display: flex;justify-content:center;align-items:Center;color:#555555;font-size:14px;}
.xcxcb .xcb-right .c-t-txt{width:calc(100% - 100px);float:left;margin-left:50px;margin-top:30px;color:#333333;font-size:14px;line-height:2em;}
.xcxcb .xcb-right .c-t-icom{width:calc(100% - 100px);float:left;margin-left:50px;margin-top:30px;height:auto;overflow:hidden;}
.xcxcb .xcb-right .c-t-icom li{width:12.5%;float:left;text-align:center;}
.xcxcb .xcb-right .c-t-icom li img{max-width:100%;}
.xcxcb .xcb-right .c-t-icom li p{color:#333333;font-size:16px;margin-top:25px;}
.xcxcb .xcb-right hr{width:100%;height:1px;background:#fff;margin-top:30px;display:block;float:left;}
.xcxcb .xcb-right .c-t-xcx{width:calc(100% - 100px);float:left;margin-left:50px;margin-top:30px;height:auto;overflow:hidden;}
.xcxcb .xcb-right .c-t-xcx li{width:25%;float:left;text-align:center;}
.xcxcb .xcb-right .c-t-xcx li img{max-width:100%;}

#xcb-list {width: 90%;height: 100%;max-width:1200px;margin:auto;margin-top:30px;display:none;}
 #xcb-list .swiper-slide {text-align: left;font-size: 18px;max-width:260px;background:#fff;width:40%;height:40px;line-height:40px;text-indent:55px;}
 #xcb-list .swiper-slide.action {color:#fff;}
 #xcb-list .swiper-slide:nth-child(1){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../movie-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(1){background:url(../movie-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(2){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../bread-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(2){background:url(../bread-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(3){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../milkytea-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(3){background:url(../milkytea-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(4){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../sofa-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(4){background:url(../sofa-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(5){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../tradearea-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(5){background:url(../tradearea-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(6){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../computer-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(6){background:url(../computer-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(7){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../market-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(7){background:url(../market-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}
 #xcb-list .swiper-slide:nth-child(8){background:url(../xcxlb_06.jpg)no-repeat bottom,url(../other-02.png)no-repeat center left 15px;}
 #xcb-list .swiper-slide.action:nth-child(8){background:url(../other-01.png)no-repeat center left 15px,url(../linear-gradient_03.jpg)no-repeat bottom;}

.xcxsatisfy{width:100%;height:auto;overflow:hidden;background:#f7f9fa;}
.xcxsatisfy .satisfytitle{width:90%;max-width:920px;margin:auto;height:auto;overflow:hidden;margin-top:120px;}
.xcxsatisfy .satisfytitle img{max-width:100%;}

#satisfylisti22 {width: 96%;max-width:1200px;margin-top:100px;padding-bottom:60px;}
#satisfylisti22 .swiper-slide {text-align: center;font-size: 18px;position:relative;}
#satisfylisti22 .s-b-t-want{position:absolute;display:block;height:auto;overflow:hidden;top:0;width:25%;margin-left:5%;left: 0;}
#satisfylisti22 .s-b-t-want img{max-width:100%;}
#satisfylisti22 .satisfyprice{position: absolute;top:0;width:65%;margin-left:35%;color:#ed3d3d;font-size:36px;font-weight:700;text-align:left;text-indent:20px;margin-top:10%;}
#satisfylisti22 .satisfyprice span{text-decoration:line-through;color:#999999;font-size:16px;font-weight:normal;}
#satisfylisti22 .satisfybox{width:100%;height:auto;overflow:hidden;background:#fff;border-radius:10px;margin-top:113px;}
#satisfylisti22 .satisfybox .s-b-t-title{color:#333333;font-size:28px;width:65%;margin-left:35%;text-align:left;border-bottom:1px solid #eeeeee;margin-top:25px;padding-bottom:15px;text-indent:20px;}
#satisfylisti22 .satisfybox .s-b-t-txt{color:#555555;font-size:14px;width:calc(65% - 22px);margin-left:35%;text-align:left;padding-left:20px;line-height:1.75em;margin-top:25px;}
#satisfylisti22 .satisfybox .s-b-t-balf{width:65%;margin-left:35%;color:#333333;font-size:14px;text-align:left;text-indent:20px;background:url(../satisfy-half_07.png)no-repeat center left 20px;padding-bottom:20px;padding-top:20px;margin-top:25px;text-indent:20px;margin-bottom:20px;}
#satisfylisti22 .satisfybox .s-b-t-balf span{color:#00b7ee;font-size:14px;}
#satisfylisti22 .satisfybox .s-b-t-balf b{color:#ed3d3d;font-size:14px;font-weight:normal;}


.xcxprocess{width:100%;height:auto;overflow:hidden;background-image:url(../xcxprocess_06.png);background-repeat:no-repeat;background-position: center top;background-color:#f7f9fa;}
.xcxprocess .processtitle{width:90%;max-width:196px;margin:auto;height:auto;overflow:hidden;margin-top:200px;}
.xcxprocess .processtitle img{max-width:100%;}
.xcxprocess .processlist{width:90%;max-width:1146px;margin:auto;height:auto;overflow:hidden;margin-top:93px;margin-bottom:105px;display:block;}
.xcxprocess .processlist img{max-width:100%;}

.xcxprocess .processlist2{width:40%;max-width:578px;margin:auto;height:auto;overflow:hidden;margin-top:40px;margin-bottom:40px;display:none;}
.xcxprocess .processlist2 img{max-width:100%;}





#satisfylisti22 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../satisfylisti22_03.png)no-repeat center;top: 70%;}

#satisfylisti22 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../satisfylisti22_05.png)no-repeat center;top: 70%;}
.xcxsatisfya{border-radius:28.5px;display:block;width:200px;height:57px;margin:auto;background-image: linear-gradient(45deg, #308ee5 0%, #01b6ee 100%);color:#fff;font-size:16px;line-height:57px;text-align:center;margin-bottom: 60px;}
.xcxsatisfya:hover{color:#fff;}










@media only screen and (max-width: 1200px) {
.xcxcb{margin-bottom: 20px;}
.xcxcb .xcb-right .c-t-icom li{width:25%;margin-bottom:30px;}
.xcxcb .xcb-right .c-t-xcx li img{max-width:80%;}
#satisfylisti22 .satisfybox{margin-top:96px;}
#satisfylisti22 .satisfyprice{font-size: 24px;}
#satisfylisti22 .satisfyprice span{font-size: 14px;}
#satisfylisti22 .satisfybox .s-b-t-title{font-size:20px;margin-top: 15px;padding-bottom: 10px;}
#satisfylisti22 .satisfybox .s-b-t-txt{font-size: 12px;margin-top: 15px;}
#satisfylisti22 .satisfybox .s-b-t-balf{margin-top: 15px;padding-bottom:10px;padding-top:10px;}

.xcxcb .xcb-left{display:none;}
.xcxcb .x-r-box{width:100%;}
.xcxcb .xcb-right .rigtotle{width: 100%;margin-left: 0px;}
.xcxcb .xcb-right .c-t-txt{width: 100%;margin-left: 0px;}
.xcxcb .xcb-right .c-t-icom{width: 100%;margin-left: 0px;}
.xcxcb .xcb-right .c-t-xcx{width: 100%;margin-left: 0px;}

#xcb-list {display:block;}
.xcx_demand .dtitle{margin-top: 45px;}
#demand{margin-bottom: 60px;margin-top: 30px;}
.xcxcase .xcxcasetitle{margin-top: 40px;}
#satisfylisti22{margin-top: 40px;padding-bottom: 40px;}
.xcxsatisfy .satisfytitle{margin-top: 40px;}


#xcxbanner2 .swiper-container{height:600px;}
}
@media only screen and (max-width: 960px) {
#satisfylisti22{max-width: 570px;}
#satisfylisti22 .s-b-t-want{width: 30%;}

.xcxprocess .processtitle{margin-top:80px;}
.xcxprocess .processlist{display:none;}
.xcxprocess .processlist2{display:block;}
#xcxbanner2 .swiper-container{height:450px;}
}


@media only screen and (max-width: 767px) {
.xcx_opportunity .opportunity_list li{width:47%;margin-right:0%;}
.xcx_opportunity .opportunity_list li:nth-child(2n+0){margin-left:6%;}
.xcxcb .xcb-right .c-t-icom li{width:25%;margin-bottom:30px;}
.xcxcb .xcb-right hr{margin-top:0px;}
.xcxcb .xcb-right .c-t-xcx li{width:50%;margin-bottom: 20px;}
}